摘要： 视觉格式化模型块级元素（块框）、行内元素（行内框），可以使用display改变生成的框的类型，display:block让行内元素（比如）表现的跟块级元素一样，display：none让生成的元素没有框，框及其里面的内容不再显示，不占用文档中的空间。CSS的三种基本定位机制：普通流、浮动、绝对定位。... 阅读全文

摘要： 浮动、定位、框模型这些控制在页面上安排和显示元素的方式，形成CSS布局。盒子模型 页面上的每个元素都被看成一个矩形框。 盒子模型有两种，分别是 IE 盒子模型和标准 W3C 盒子模型。他们对盒子模型的解释各不相同，先来看看我们熟悉的标准盒子模型： 从上图可以看到标准W3C 盒子模型的范围包括 ... 阅读全文

摘要： 对文档应用样式对代码进行注释/*......*/结构性注释自我提示删除注释、优化样式表样式指南：解释代码与站点的视觉设计是如何组织在一起的站点结构、文件结构、命名规则编码标准：（X）html/css版本、浏览器支持细节等...详细描述布局与样式元素：元素尺寸、颜色等特殊CSS样式说明组织样式表以简化... 阅读全文

摘要： 层叠与特殊性选择器的特殊性分成四个等级，a、b、c 、 d如果样式是行内样式，那么a=1b=ID选择器的总数c=类、伪类、属性选择器的总数d=标签选择器与伪元素选择器数量例如：style="" 以10为基准的特殊性值为 1,0,0,0 =1000 #wrapper#content{.....} ... 阅读全文

摘要： 设计代码的结构使用有意义的标记css可以控制页面的外观并将表现与内容分隔开。在分配ID与类名时尽量保证有意义且与表现无关。div可以对块级元素进行分组，而span可以对行内元素进行分组或标识。为样式找到目标：选择器常用选择器：标签选择器、后代选择器（由其他两个元素间的空格表示，选择一个元素的所有后代... 阅读全文

摘要： 为了避免全局变量泛滥导致冲突，最简单有效的办法是用匿名函数将脚本包起来，让变量的作用域控制在函数之内。 阅读全文

摘要： CSS的一些问题：一般情况下，尽量使用class选择器解决点击超链接后hover 样式不出现多次问题：a：visited a:hover 的顺序是问题所在，记住 love hate L(link)OV(visited)E H(hover)a(active)teCSS hackIE条件注释选择符前缀法... 阅读全文

摘要： 低权重原则，避免滥用子选择器CSS选择符是有权重的，当不同选择符的样式设置有冲突时会采用权重高的选择符设置的样式。html标签权重是1，class权重是10，id权重是100如果css选择符权重相同，样式选择会遵循就近原则，哪个选择符最后定义（注意：是定义的先后顺序，而不是挂class名的先后顺序）... 阅读全文

摘要： css 类命名使用骆驼命名法，可以与划线法结合使用。骆驼命名法用于区别单词，划线命名用于表达从属关系。尽量不要使用子选择器，否则容易引起冲突隐患。css可以分为 base、common、page三层，base与commom是公共部分，统一加载在各个页面中。功能单一 ，多用组合，少用继承 相邻的ma... 阅读全文

摘要： 搜索引擎只能通过标签判断网页的语义。table布局代码量大、对搜素引擎不友好，应该使用div+css布局，使用css控制网页中元素的大小、颜色、位置，让html在样式、结构混杂的局面中挣脱出来，专注于结构。先确定html，确定语义的标签，再选择合适的CSS.当页面内标签无法达到设计需要时才考虑无语义... 阅读全文