|
1，id不能以反复，因此用class得话，能够明目张胆的用成千上万次。 2，id的优先选择级太高，倘若写了一个#page_content a {color:#f60} ，那么你完蛋了，里边要改连接色调，都务必再加#page_content才可以翻过这一优先选择级。 3，id专业交给JS用，那样才合乎主要表现与个人行为分离出来的标准。因此id我用驼峰式，也是以便反映这一点。 二、用class_name方法写类名。 之前喜爱用class-name写，但是仿佛两种也没有什么区别。但我较为抵制用className写类名，由于自始至终对访问器尺寸写比较敏感的难题抱有猜疑心态。可是id我能写出驼峰式，原因见第一条。 三、按规范写css，再对于特殊访问器作hack。 例如，一般大家会碰到以下的书写： 实例源码 [].side_col_mb5u { float:left; display: inline; margin-left: 20px; } 而我的书写会是： 实例源码 [].side_col_mb5u { float: left; margin-left: 20px; } * .side_col_mb5u { _display:inline; /*hacked for IE 6*/ } 看搞清楚了么？不可该把hack混在一起，都不应当用一种心存侥幸的心理状态，感觉float:left与display:inline写在一起没事儿。嗯，他们俩的确没事儿儿，可是别的的hack也不一定了。并且这儿写display:inline纯碎便是以便处理IE6的bug，因此前边再加下横线，以确立的表述你的目地。 此外不必认为但凡hack全是为IE提前准备的。实际上一些hack是对于别的访问器的，例如FF。这就需要求你对css规范的娴熟把握，可以信心的分辨什么3D渲染是遵循规范，什么违背规范的。 另外，我很喜欢在hack前边再加星号，实际上这纯碎是本人习惯性了。将会一段时间我也不那么用了，呵呵呵。 五、还记得加空格符。 .class_name { property: value; } 。我本人感觉有效的空格符是出色编码的一个指标值。按英语的习惯性，标点后边都应当带空格符（假如你写This is a pen.That s a pencil.句点后边不用空格符， word里边会出现不正确提醒）。因此即然css是国外人创造发明的，应当按她们的文件格式来写。相近的，在JS里var a = b + c;里边的空格符也应当必须加。 六、适度的堆叠（Cascading)或缩近以界定css的 功效域 。 啥叫 css的功效域 ？实际上其实不是全部的款式都会全部的地区应用。有的款式仅用在某一块里边，例如 导航栏栏 里的 检索框 ，将会应当写出： 实例源码 [].nav .search {} 而有时候候用堆叠会提升编码优先选择级，因此还可以用缩近来 代表性的 反映功效域。像那样： 实例源码 [].login_box {} .forgot_pwd{} 缩近，是以便表明他们相匹配的标识具备父子俩关联。但那样只有起一个提示的功效。 六、margin和padding，尽可能省去最终一个值。 例如margin: 20px 10px 5px 10px; ，上下值是一样的，就应当省去掉最终一个值，写出margin: 20px 10px 5px; 那样那时候要改上下间隔，改一个就行，以防改漏了。实际上这一难题尽管细细的小，可是能看得到对margin四个值省去标准的娴熟水平。 (责任编辑：admin) |