关于css书写的一点建议

1.少用通配符的原因：

　　浏览器按“从右向左”解读css选择器　　——类似 .parent * {} 中，首先被解析的是 通配符*

　　　　　　因此：后代选择器，也增加了解读时间

2.目标选择器的效率排序

　　＃J_nav {　　}               　　  　　 /*　　ID 最快　　*/

　　.home #J_nav {　　}   　　     　　 /*　　ID　　　　*/

　　.main {　　}　　　　　　　  　　/*　　Class　　*/

　　li a.current {　　}　　　　　 　　 /*　　Class　　*/

　　ul {　　}　　　　　　　　   　　 /*　　Tag　　*/

　　ul li {　　}　　　　　　　     　　/*　　Tag　　*/

　　* {　　}　　　　　　　　    　　 /*　　通配　　*/

　　＃J_emailInput [type = ‘email‘]  　　/*　 通配　　*/　　　　

3.不要为了高效的css而牺牲语义和可维护性　　——通篇都是#id {}   (拒绝这样做)

时间： 2024-08-12 00:39:29

关于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书写顺序 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书写规范、顺序（推荐）

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.

CSS书写格式

转自: https://segmentfault.com/a/1190000005046830 CSS书写格式 1.格式化代码 1.1文件 [建议]:CSS文件使用无BOM的UTF-8编码 1.2缩进 [强制]:使用 4 个空格做为一个缩进层级,不允许使用 2 个空格 或 tab 字符. .selector { margin: 0; padding: 0; } 1.3空格 [强制]:选择器 与 { 之间必须包含空格. .selector { } [强制]:选择器 与 { 之间必须包含空格. ma

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有

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有些属性是可以缩写的,比