在CSS中，模式（pattern）匹配规则决定那种样式规则应用于文档树(document tree)的哪个元素。这些模式叫着选择符（selector)。 一条CSS规则(rule)是选择符{属性:值;属性:值;}（selector {property:value;property1:value2;}），即选择符决定了{}中的声明(declaration)匹配哪个元素。 类：在HTML中当表现class属性的时候，人

根据一些CSS写作经验，如何提高渲染效率及所占用消耗的资源，我们来浅谈一下CSS的渲染效率，书写高效的CSS。 1、十六进制的颜色值对位数与大小写 　　编写十六进制颜色值时你可能会用小写字母或省略成3位数，关于这写法没找到确实的数据证明对浏览器的渲染效率是否有影响，但十六进制的颜色值默认标准是大写及6位数标注。在

style #nobr li{ display:inline;} /style div ul id='nobr' liAAAA/li liBBBB/li /ul /div

自定义 CSS cursor 属性的值可以是多个，其间用逗号分隔。假如第一个值不可以被客户端系统理解或所指定的光标无法找到及显示，则第二个值将被尝试使用。依此类推。假如全部值都不可用的话，则此属性不会发生作用。光标不会被改变。 标准写法： cursor: url(images/pen_il.cur),auto; /* windows系统的光标文件存放在 C:\WIN

在CSS网页布局开发中，会有很多小技巧，新手朋友往往对此很不熟悉。在某一两个小问题上，或许纠缠很长时间才能搞明白，虽然在52CSS.com的文档中，多次提及过这方面的内容，但依然有很多朋友在这些问题上犯错。我们今天看看这些CSS技巧，认真读一读，或许您并不能完全理解，您可以在52CSS.com进行搜索，扩展您所想要得到的知

在进行浮动布局时，大多数人都深知，在必要的地方进行浮动清理：div style='clear:both;'/div。 例如： div style='background:#666;' !-- float container -- div style='float:left; width:30%; height:40px;background:#EEE; 'Some Content/div /div 此时预览此代码，我们会发现最外层的父元素float container,并没有显示

style h2{font-size:14px; font-weight:bold; padding:10px 0; margin:5px 0; border-bottom:1px solid #ccc;} .box2{} .box2 img{display:block; padding:2px; border:0;} .box2 a{color:#333; text-decoration:none;border:2px solid #FFF; float:left; cursor:hand;}

(一)常用的CSS命名规则 头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告：banner 页面主体：main 热点：hot 新闻：news 下载：download 子导航：subnav 菜单：menu 子菜单：submenu 搜