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

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

Font Size

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

.title {     font-size: bold; }

Opacity我也不知道啥原因，但有時(shí)我會(huì)忘記寫百分比 ：

.title {     opacity: 50; }

關(guān)于 opacity 我還經(jīng)常犯下面錯(cuò)誤：

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

Font Weight

是 light 還是 lighter ??

.title {     font-weight: light; }

Padding

當(dāng)你認(rèn)為屬性是padding，而實(shí)際上用的是padding-top時(shí)，就會(huì)發(fā)生這種情況?:

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

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

CSS Grid

對(duì)于 CSS Grid 有時(shí)我會(huì)潛意識(shí)的寫 grid-column 而不是 grid-template-columns ?:

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

CSS 變量

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

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

正確的寫法如下：

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

Box Shadow?

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

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

正確的寫法如下：

.title {     box-shadow: none; }

Visibility

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

.title {     visibility: none; }

正確的寫法如下：

.title {     visibility: hidden; }

Width

對(duì)于 width 有時(shí)會(huì)腦抽 ?，這樣寫：

.title {     widows: 100px; }

Offset 屬性

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

.elem {     left: 14; }

少了啥，大家自己體會(huì) ?。

CSS calc()

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

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

CSS color

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

.elem {     color: #red; }

Display

不多說了，大家自己體會(huì)：

.title {     display: absolute; }

Transforms?

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

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

網(wǎng)頁標(biāo)題：寫CSS時(shí)經(jīng)常犯的錯(cuò)誤有哪些
本文來源：http://www.aaarwkj.com/article12/igdhdc.html

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

廣告

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