HTML和CSS属性的正确书写规范

发布时间：2020-08-06 15:51:01 来源：网络阅读：437 作者：wx5b83bfb2a52d1 栏目：web开发

网页的重要性评级：

网页的排名。
标签的语义化，正确的标签做正确的事情。
提升网页的加载速度。1. CSS代码优化，代码的正确排列顺序，不正确的代码会导致浏览器解析代码回流，会拖慢浏览器的加载速度。
1. 减少图片服务器的请求数量，可以用雪碧图来减少。
重排，代码属性使用不正确，会导致浏览器解析代码重排。
javascript脚本的优化，前提是有一定的功底。
网页的效果。
http:/ /www.i is7.co m/b/zhizhu/
详情可查看HTML标签权重分值表。

h2~h7的使用，h2用于网站logo，h2~h4用于网站的首页，h5~h7用于网站的附页。
display:flex，开启弹性盒模型
flex-wrap:wrap，强制换行
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

向AI问一下细节

HTML和CSS属性的正确书写规范

猜你喜欢

最新资讯

相关推荐

相关标签