资源描述：
《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,bord
2、er等) 5.其他(animation,transition等) CSS书写规范使用CSS缩写属性 CSS有些属性是可以缩写的，比如padding,margin,font等等，这样精简代码同时又能提高用户的阅读体验。 去掉小数点前的“0” 简写命名 很多用户都喜欢简写类名，但前提是要让人看懂你的命名才能简写哦! 16进制颜色代码缩写 有些颜色代码是可以缩写的，我们就尽量缩写吧，提高用户体验为主。 连字符CSS选择器命名规范随着信息化和全球化的发展，国家及地区之间的贸易也已成为拉动一国经济的三驾马车之一，甚至是三驾马车
3、之首，奥巴马政府成立之日起自从人类进入商品经济社会以来，贸易即已成为人们日常活动的主要部分，并成为一国经济增长的主动力。国际分工的深化、大量国际统一标准规则的建立 1.长名称或词组可以使用中横线来为选择器命名。 2.不建议使用“_”下划线来命名CSS选择器，为什么呢? 输入的时候少按一个shift键; 浏览器兼容问题(比如使用_tips的选择器命名，在IE6是无效的)能良好区分JavaScript变量命名(JS变量命名是用“_”) 不要随意使用Id id在JS是唯一的，不能多次使用，而使用class类选择器却可以重复使用，
4、另外id的优先级优先与class，所以id应该按需使用，而不能滥用。 为选择器添加状态前缀 有时候可以给选择器添加一个表示状态的前缀，让语义更明了，比如下图是添加了“.is-”前缀。 CSS命名规范(规则)常用的CSS命名规则 头：headerheader-one 内容：content/container 尾：footer 导航：nav 侧栏： sidebarnav-one 栏目：column随着信息化和全球化的发展，国家及地区之间的贸易也已成为拉动一国经济的三驾马车之一，甚至是三驾马车之首，奥巴马政府成立之日起自
5、从人类进入商品经济社会以来，贸易即已成为人们日常活动的主要部分，并成为一国经济增长的主动力。国际分工的深化、大量国际统一标准规则的建立 页面外围控制整体佈局宽度：wrapper左右中：leftrightcenter 登录条：loginbar 标志：logo 广告：banner 页面主体：main 热点：hot 新闻：news 下载：download 子导航：subnav 菜单：menu 子菜单：submenu 搜索：search 友情链接：friendlink 页脚：footer 版权：copyright
6、 滚动：scroll 内容：content 标签：tags 文章列表：list 提示信息：msg 小技巧：tips随着信息化和全球化的发展，国家及地区之间的贸易也已成为拉动一国经济的三驾马车之一，甚至是三驾马车之首，奥巴马政府成立之日起自从人类进入商品经济社会以来，贸易即已成为人们日常活动的主要部分，并成为一国经济增长的主动力。国际分工的深化、大量国际统一标准规则的建立 栏目标题：title 篇二：CSS书写规范及顺序 CSS书写规范及顺序 CSS书写顺序 1.位置属性(position,top,right,z-
7、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,margin,font等等，这样精简代码同时又能提高用户的阅读体验。 去掉小数点前的”0″ 简写命名
8、很多用户都喜欢简写类名，但前提是要让人看懂你的命名才能简写哦！ 16进制颜色代码缩写随着信息化和全球化的发展，国家及地区之间的贸易也已成为拉动一国经济的三驾马车之一，甚至是三驾马车之首，奥巴马政府成立之日起自从人类进入
