HTML和CSS屬性的正確書寫規範
阿新 • • 發佈：2018-09-13
規範 linear 元素 ear ack -a ott 回流 bili 網頁的重要性評級：
justify-content:space-between，彈性子元素水平均分
align-items:center，彈性子元素豎直均分，要和彈性盒模型的高度一樣，在子元素中用margin:auto，也可以水平豎直均分。
- 網頁的排名。
- 標簽的語義化，正確的標簽做正確的事情。
- 提升網頁的加載速度。1. CSS代碼優化，代碼的正確排列順序，不正確的代碼會導致瀏覽器解析代碼回流，會拖慢瀏覽器的加載速度。
- 減少圖片服務器的請求數量，可以用雪碧圖來減少。
- 重排，代碼屬性使用不正確，會導致瀏覽器解析代碼重排。
- javascript腳本的優化，前提是有一定的功底。
- 網頁的效果。
- http:/ /www.i is7.co m/b/zhizhu/
詳情可查看HTML標簽權重分值表。
h1~h6的使用，h1用於網站logo，h1~h3用於網站的首頁，h4~h6用於網站的附頁。
display:flex，開啟彈性盒模型
justify-content:space-between，彈性子元素水平均分
align-items:center，彈性子元素豎直均分，要和彈性盒模型的高度一樣，在子元素中用margin:auto，也可以水平豎直均分。
CSS屬性書寫順序
- 布局定位屬性 如：display / list-style / position（相應的 top,right,bottom,left） / float / clear / visibility / overflow
- 自身屬性 如：width / height / margin / padding / border / background
- 文本屬性 如：color / font / text-decoration / text-align / vertical-align / white- space / break-word
- 其他（CSS3） 如：content / cursor / border-radius / box-shadow / text-shadow / background:linear-gradient
HTML和CSS屬性的正確書寫規範