博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML和CSS属性的正确书写规范
阅读量:7235 次
发布时间:2019-06-29

本文共 855 字,大约阅读时间需要 2 分钟。

网页的重要性评级:

  1. 网页的排名。
  2. 标签的语义化,正确的标签做正确的事情。
  3. 提升网页的加载速度。1. CSS代码优化,代码的正确排列顺序,不正确的代码会导致浏览器解析代码回流,会拖慢浏览器的加载速度。
    1. 减少图片服务器的请求数量,可以用雪碧图来减少。
  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

转载于:https://blog.51cto.com/13941970/2174585

你可能感兴趣的文章
【iOS】苹果IAP(内购)中沙盒账号使用注意事项
查看>>
跨域名上传图片
查看>>
XML解析——Java中XML的四种解析方式
查看>>
玩转SpringCloud(F版本) 一.服务的注册与发现(Eureka)
查看>>
Quartz 2D基础知识
查看>>
Servlet常用类
查看>>
leetcode 47全排列II
查看>>
线性/简单DP | 问题集合
查看>>
转 Xenserver HVM is required for this operation的解决办法
查看>>
数据库触发器,禁止DDL操作
查看>>
获取身份证号码信息
查看>>
Python之条件判断
查看>>
Ring0句柄表遍历
查看>>
AC日记——[SDOI2009]HH去散步 洛谷 P2151
查看>>
全天候提供引用媒体流直播
查看>>
严师出高徒VS名师出高徒
查看>>
JavaScript高级程序设计笔记之面向对象
查看>>
js静态方法
查看>>
《软件工程--实践者的指南》第一章笔记
查看>>
python tkinter窗口置顶
查看>>