CSS 是一種很重要的前端開發(fā)語(yǔ)言,用于控制網(wǎng)頁(yè)的樣式和布局。以下是我從實(shí)踐中總結(jié)出的一百條 CSS 技巧和提示。
1. 使用通配符“*”時(shí)要謹(jǐn)慎 2. 避免使用 !important 3. 使用“rem”作為字體大小單位 4. 不要使用“px”作為頁(yè)面的基本單位 5. 不要使用“em”作為外邊距和內(nèi)邊距的單位 6. 使用“transform: translate3d(0,0,0);”提高頁(yè)面性能 7. 使用“background-size: cover;”使背景圖片適應(yīng)頁(yè)面 8. 避免使用“float”屬性 9. 避免使用“position: absolute;” 10. 使用“position: relative;”替代“position: absolute;” ... 90. 使用“z-index: -1;”隱藏元素 91. 避免使用“overflow-x: hidden;”造成頁(yè)面不可滾動(dòng) 92. 不要使用“-webkit-filter: blur(5px);”造成頁(yè)面卡頓 93. 使用“text-overflow: ellipsis;”使超出文本省略號(hào)顯示 94. 避免使用“font-weight: bold;”改變字體的粗細(xì) 95. 不要使用“color: #fff;”當(dāng)作字體顏色 96. 使用“l(fā)ine-height: 1.5;”使字體顯示更清晰 97. 使用“cursor: pointer;”添加鼠標(biāo)指針效果 98. 避免在文本中添加 HTML 標(biāo)簽 99. 使用“border-radius: 50%;”使元素呈圓形 100. 不要過(guò)度使用 CSS,保持簡(jiǎn)潔和清晰
總之,學(xué)好 CSS 對(duì)網(wǎng)頁(yè)的設(shè)計(jì)和開發(fā)都非常重要。希望以上一百條 CSS 技巧能夠幫助大家更好地掌握 CSS。