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

网页的重要性评级：

  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

原文地址：http://blog.51cto.com/13941970/2174585

时间： 2024-07-30 03:43:43

HTML和CSS属性的正确书写规范的相关文章

web前端开发企业级CSS常用命名，书写规范总结

1.常用命名 标题: title 摘要: summary 箭头: arrow 商标: label 网站标志: logo 转角/圆角: corner 横幅广告: banner 子菜单: subMenu 搜索:search 搜索框: searchBox 登录: login 登录条:loginbar 工具条: toolbar 下拉: drop 标签页: tab 当前的: current 列表: list 滚动:scroll 服务: service 提示信息: msg 热点:hot 新闻: news 小

CSS 样式书写规范

CSS书写顺序 1.位置属性(position, top, right, z-index, display, float等)2.大小(width, height, padding, margin)3.文字系列(font, line-height, letter-spacing, color- text-align等)4.背景(background, border等)5.其他(animation, transitio CSS书写规范 使用CSS缩写属性 CSS有些属性是可以缩写的,比如paddin

css书写规范

  一.CSS书写顺序     1.位置属性(position, top, right, z-index, display, float等)    2.大小(width, height, padding, margin)    3.文字系列(font, line-height, letter-spacing, color- text-align等)    4.背景(background, border等)    5.其他(animation, transition等) 二.CSS书写规范    

CSS书写规范、顺序和命名规则

一.CSS书写顺序 1.位置属性(position, top, right, z-index, display, float等)2.大小(width, height, padding, margin)3.文字系列(font, line-height, letter-spacing, color- text-align等)4.背景(background, border等)5.其他(animation, transition等) 二.CSS书写规范 1.使用CSS缩写属性 CSS有些属性是可以缩写的

css命名规范和书写规范

1.位置属性(position, top, right, z-index, display, float等)2.大小(width, height, padding, margin)3.文字系列(font, line-height, letter-spacing, color- text-align等)4.背景(background, border等)5.其他(animation, transition等) CSS书写规范 使用CSS缩写属性 CSS有些属性是可以缩写的,比如padding,mar

<转>CSS书写规范、顺序（推荐）

CSS书写顺序 1.位置属性(position, top, right, z-index, display, float等) 2.大小(width, height, padding, margin) 3.文字系列(font, line-height, letter-spacing, color- text-align等) 4.背景(background, border等) 5.其他(animation, transition等) CSS书写规范 使用CSS缩写属性 CSS有些属性是可以缩写的,比

推荐大家使用的CSS书写规范、顺序（转）

写了这么久的CSS,但大部分前端er都没有按照良好的CSS书写规范来写CSS代码,这样会影响代码的阅读体验,这里设计达人网总结一个CSS书写规范.CSS书写顺序供大家参考,这些是参考了国外一些文章以及我的个人经验总结出来,我想对写CSS的前端用户来说是值得学习的. CSS书写顺序 1.位置属性(position, top, right, z-index, display, float等) 2.大小(width, height, padding, margin) 3.文字系列(font, line

推荐大家使用的CSS书写规范、顺序

写了这么久的CSS,但大部分前端er都没有按照良好的CSS书写规范来写CSS代码,这样会影响代码的阅读体验,这里总结一个CSS书写规范.CSS书写顺序供大家参考,这些是参考了国外一些文章以及我的个人经验总结出来,我想对写CSS的前端用户来说是值得学习的. CSS书写顺序 1.位置属性(position, top, right, z-index, display, float等) 2.大小(width, height, padding, margin) 3.文字系列(font, line-heig

CSS书写规范及顺序

CSS书写规范及顺序 转载于http://www.cnblogs.com/jingwhale/p/4230374.html 一.CSS书写顺序 1.位置属性(position, top, right, z-index, display, float等)2.大小(width, height, padding, margin)3.文字系列(font, line-height, letter-spacing, color- text-align等)4.背景(background, border等)5.