html怎么制作附页,HTML和CSS属性的正确书写规范

网页的重要性评级:

1. 网页的排名。

2. 标签的语义化,正确的标签做正确的事情。

3. 提升网页的加载速度。1. CSS代码优化,代码的正确排列顺序,不正确的代码会导致浏览器解析代码回流,会拖慢浏览器的加载速度。

2. 减少图片服务器的请求数量,可以用雪碧图来减少。

4. 重排,代码属性使用不正确,会导致浏览器解析代码重排。

5. javascript脚本的优化,前提是有一定的功底。

6. 网页的效果。

7. http:/ /www.i is7.co m/b/zhizhu/

详情可查看HTML标签权重分值表。

h1~h6的使用,h1用于网站logo,h1~h3用于网站的首页,h4~h6用于网站的附页。

display:flex,开启弹性盒模型

flex-wrap:wrap,强制换行

justify-content:space-between,弹性子元素水平均分

align-items:center,弹性子元素竖直均分,要和弹性盒模型的高度一样,在子元素中用margin:auto,也可以水平竖直均分。

CSS属性书写顺序

1. 布局定位属性 如:display / list-style / position(相应的 top,right,bottom,left) / float / clear / visibility / overflow

2. 自身属性 如:width / height / margin / padding / border / background

3. 文本属性 如:color / font / text-decoration / text-align / vertical-align / white- space / break-word

4. 其他(CSS3) 如:content / cursor / border-radius / box-shadow / text-shadow / background:linear-gradient

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值