CSS书写规范编码规范CSS样式表是一系列通用字符集。在传输和存储过程中，这些字符必须被US-ASCII（如UTF-8、ISO8859-x、SHIFTJIS等）支持。style”属性，样式表共享整个文档的字符编码。当一个样式出现在其他文档中时，如HTMLSTYLE标签或标签属性“style”，该样式的编码由文档决定。当样式表位于单独的文件中时，用户代理在确定样式表的字符编码时必须遵守以下优先级（从最高优先级到最低优先级）：“Content-Type”字段中的HTTP“charset”参数（或类似参数）在其他协议中）BOM和/或[@charset]()或来自链接机制的其他元数据（如果有）引用样式表或文档的字符集（如果有）假设UTF-8文档外部链接样式表的编码可以由以下优先级从高到低的项目决定：HTTP“Content-Type”字段参数“charset”（或协议的其他类似参数）BOM（字节顺序标记）和/或[@中的元数据设置charset]()引用样式表字符集或文档编码（如果有）的链接（如果有）被假定为UTF-8编码样式表编码使用[@charset]()规则的作者必须将规则放在样式表，前面没有字符。（如果字节顺序标记适用于所使用的编码，它可以在[@charset]()规则之前。）[@charset]()必须按字面意思书写，即10个字符'[@charset]()"'（小写，无反斜杠转义），后跟encoding名称，后接'";'。@charset规则必须从样式文件第一行的第一个字符位置开始，否则将有机会使BOM设置生效（如果设置了BOM）和它比[@charset]()作为样式表的编码@charset"";必须写，并且使用小写字母，没有转义字符团队同意样式文件必须写[@charset]()规则，并且必须在样式文件的第一行第一个字符位置开始写，编码名称使用“UTF-8”字符[@charset]()""；全部使用小写字母，没有转义字符，编码名称允许大小写混用考虑到使用“UTF-8”编码的情况下，BOM对代码的污染和编码显示的问题，在可控范围内，坚决不使用BOM（更多关于BOM的内容可以参考BOM介绍和《UTF-8withBOM》和《有什么区别》cebetweenUTF-8withoutBOM?)推荐：@charset"UTF-8";.jdc{}不推荐：/***@desc文件信息*@author作者姓名*@date2015-10-10*//*@charset规则不以文件第一行的第一个字符开头*/@charset"UTF-8";.jdc{}@CHARSET"UTF-8";/*@charset规则不使用小写*/.jdc{}/*No@charsetrules*/.jdc{}更多关于样式编码：CSS样式表表示代码样式代码格式化样式写法一般有两种：一种是紧凑格式（Compact）.jdc{display:block;width:50px;}一种是扩展格式(Expanded).jdc{display:block;width:50px;}团队同意使用扩展格式编写样式代码大小写样式选择器、属性名称、属性值关键字全部为小写字母书写，属性字符串中允许大小写字母。/*Recommended*/.jdc{display:block;}/*Notrecommended*/.JDC{DISPLAY:BLOCK;}Selectors使用尽可能少的通用选择器*不要使用ID选择器不要使用没有特定语义定义的标签选择Editor/*Recommended*/.jdc{}.jdcli{}.jdclip{}/*Notrecommended*/*{}#jdc{}.jdcdiv{}代码缩进使用四个空格进行代码缩进提前，所以每个编辑器的性能是一致的（每个编辑器都有相关配置）。;height:100%;}代码可读性左括号和类名之间有一个空格，冒号和属性值之间有一个空格推荐：.jdc{width:100%;}不推荐：.jdc{width:100%;}逗号分隔值，逗号后有一个空格推荐：.jdc{box-shadow:1px1px1px#333,2px2px2px#ccc;}不推荐：.jdc{box-shadow:1px1px1px#333,2px2px2px#ccc;}为单个css选择器或新声明打开一个新行推荐：.jdc,.jdc_logo,.jdc_hd{color:#ff0;}.nav{color:#fff;}不推荐:.jdc,jdc_logo,.jdc_hd{color:#ff0;}.nav{color:#fff;}颜色值rgb()rgba()hsl()hsla()rect()不需要空格，值不应包含必要的0推荐：.jdc{color:rgba(255,255,255,.5);}不推荐：.jdc{color:rgba(255,255,255,0.5);}属性value十六进制值可以缩写尽量使用缩写推荐：.jdc{color:#fff;}不推荐：.jdc{color:#ffffff;}不要指定单位为0推荐：.jdc{margin:010px;}不推荐：.jdc{margin:0px10px;}属性值引号当css属性值需要引号时，统一使用单引号/*推荐*/.jdc{font-family:'HiraginoSansGB';}/*不推荐*/.jdc{font-family:"HiraginoSansGB";}属性的书写顺序建议按照以下顺序：布局定位属性：display/position/float/clear/visibility/overflow自身属性：width/height/margin/padding/边框/背景文本属性：颜色/字体/文本装饰/文本对齐/垂直对齐/空白/断字其他属性（CSS3）：内容/光标/边框半径/框阴影/文本阴影/background:linear-gradient....jdc{display:block;位置：相对；向左飘浮;宽度：100px；高度：100px；边距：010px；填充：20px0；无衬线字体;颜色：#333；背景：rgba(0,0,0,.5)；-webkit-边框半径：10px；-moz-边框半径：10px；-o-边框半径：10px；-ms-边框半径：10px；border-radius:10px;}mozilla官方属性顺序推荐CSS3浏览器私有前缀先写??CSS3浏览器私有前缀，标准前缀last.jdc{-webkit-border-radius:10pX;-moz-边框半径：10px；-o-边框半径：10px；-ms-边框半径：10px；border-radius:10px;}有关浏览器特定前缀的更多信息：#Vendor-specificextensionsreferencetoreadGoogleCodeGuide
