寫CSS時經(jīng)常犯的錯誤有哪些

這篇文章主要介紹“寫CSS時經(jīng)常犯的錯誤有哪些”，在日常操作中，相信很多人在寫CSS時經(jīng)常犯的錯誤有哪些問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”寫CSS時經(jīng)常犯的錯誤有哪些”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

創(chuàng)新互聯(lián)長期為近1000家客戶提供的網(wǎng)站建設服務，團隊從業(yè)經(jīng)驗10年，關注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為云夢企業(yè)提供專業(yè)的成都網(wǎng)站制作、網(wǎng)站設計、外貿(mào)網(wǎng)站建設，云夢網(wǎng)站改版等技術服務。擁有10余年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。

Font Size

我在font-size和font-weight之間經(jīng)常犯錯誤，如下所示：

.title {     font-size: bold; }

Opacity我也不知道啥原因，但有時我會忘記寫百分比 ：

.title {     opacity: 50; }

關于 opacity 我還經(jīng)常犯下面錯誤：

.title {     /* 現(xiàn)這一點并不容易，你們看出錯誤在哪里嗎? ?*/     opaciy: 0.5;

Font Weight

是 light 還是 lighter ??

.title {     font-weight: light; }

Padding

當你認為屬性是padding，而實際上用的是padding-top時，就會發(fā)生這種情況?:

.section {     padding-top: 10px 20px; }

人才，優(yōu)秀 ?。

CSS Grid

對于 CSS Grid 有時我會潛意識的寫 grid-column 而不是 grid-template-columns ?:

.section {     grid-columns: 1fr 1fr 1fr; }

CSS 變量

對于 CSS 變量的使用，我也經(jīng)常忘記寫 var ?：

.title {     color: --brand-color; }

正確的寫法如下：

.title {     color: var(--brand-color) }

Box Shadow?

對于重置 box-shadow 我經(jīng)常用 0 來重置：

.title {     /* 非法的 */     box-shadow: 0; }

正確的寫法如下：

.title {     box-shadow: none; }

Visibility

隱藏元素可以使用 visibility，但我會經(jīng)常這樣寫 ?：

.title {     visibility: none; }

正確的寫法如下：

.title {     visibility: hidden; }

Width

對于 width 有時會腦抽 ?，這樣寫：

.title {     widows: 100px; }

Offset 屬性

對于 css 偏移屬性，我也會經(jīng)常這么寫:

.elem {     left: 14; }

少了啥，大家自己體會 ?。

CSS calc()

如果你的代碼沒有高亮的提示的功能，你也許也會這樣寫 ?：

.elem {     font-size: clac(14px + 1vw); }

CSS color

我記得曾經(jīng)遇到過這樣的錯誤 ?:

.elem {     color: #red; }

Display

不多說了，大家自己體會：

.title {     display: absolute; }

Transforms?

.title {     translate: (-50%, -50%) }

到此，關于“寫CSS時經(jīng)常犯的錯誤有哪些”的學習就結(jié)束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續(xù)學習更多相關知識，請繼續(xù)關注創(chuàng)新互聯(lián)網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>

網(wǎng)頁標題：寫CSS時經(jīng)常犯的錯誤有哪些
本文來源：http://bm7419.com/article12/igdhdc.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供云服務器、、響應式網(wǎng)站、建站公司、網(wǎng)站設計公司、網(wǎng)站排名

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)