上面代码是网页的一列布局，其中有几个点和大家分享一下。

CSS中属性的值有着许多种格式。为了让用户代理能够识别一个值是否有效，则需要确认该值是否符合该类值支持的格式的其中一种。这些属性值所支持的格式叫做数据类型，在规范中用<this>的形式标识。CSS中存在两种数据类型——特定数据类型和通用数据类型

}方法一：使用border.div1 { border-left: 5px solid red;}方法二：使用伪元素来实现每个标签都会有before及after两个伪元素，并且我们也经常用这类标签做一些Icon之类的小图标。/* 外阴影 有些Chrome

E[att] 匹配所有具有att属性的E元素，不考虑它的值。blockquote[class=quote][cite] { color:#f00; }4.css中的伪类。q:lang { quotes: "\201D" "\2

由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。inherit规定应该从父元素继承 float属性的值。</html>框a向右浮动分离文档流；框b占据框a原来的位置．设置三个元素均向左浮动的图示和效果：。<

原生Js因jQuery的”writeless，domore”变得极简，Html因语义化编码变得简明，那么，有没有一种方式让Css也更加的高效精致呢？当然有，那便是模块化编码。Css模块化是一个新颖高效的Css编码方式，若有接触过YUICss的朋友肯定对这种

今日所遇到的css失效的问题，想着我也是醉了呢···怎么都没有想过，同样的是导入一个js文件，但是就是可能一个页面中将css直接写入，然而另外的可能就要导入一个css文件呢···还好有一个js大神呢···要不找死我也找不出来的。真不知道当时写这两个页面的人

假设content的默认宽度是100%，那么他设置了margin后，他的宽度就变成了100%-210，此时content发现自己的宽度可以与sidebar挤在同一行了，于是他就上来了。我们把sidebar扔掉，只对content设置margin，那么我们会

如果div的父容器没有定义高度，那么设置百分比无效。其他具有box模型的标签也是同理

　　加入ExpiresHeader到Image、CSS、JavaScript档案里。　　页面使用gzip压缩HTML、JavaScript、StyleSheet、XML、JSON，但切记“不要压缩Images，PDF档案”。　　样式代码css置于页面顶部h

编写好的CSS代码能提升页面的渲染速度。本质上，一条规则都没有引擎解析的最快。MDN上将CSS选择符归拆分成四个主要类别，如下所示，性能依次降低。你也可以在谷歌的高效的CSS选择器的最佳实践中查看更多的细节。本文我想分享一些我在编写高性能CSS中用到的简单

<p><strong>我是粗体字，不是斜体字，因为我不在列表当中，所以这个规则对我不起作用</strong></p>. 这是因为 strong 元素位于 li 元素内。<li>我是正常的字体。下面

定义和用法width 属性设置元素的宽度。说明这个属性定义元素内容区的宽度，在内容区外面可以增加内边距、边框和外边距。通常建议使用这个属性，而不是分别使用单个属性，因为这个属性在较老的浏览器中能够得到更好的支持，而且需要键入的字母也更少。元素的位置通过 &

针对firefoxie6ie7ie8的css样式中的line-height属性，以前我们大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，但是ie7以上对!important可以正确解释，会导致页面没按要求显示！这些细

注释：对于input标签的text-indent属性为负数时，ie6，7下的效果会使input本身也消失了，用line-height和over-flow可以达到相同的效果；#d{position:relative; width:20px; height:2

.classPng{position: absolute;left:200px;width: 361px;/*高度一定要设要不然背景会缩进*/height:100px;/*高度一定要设要不然背景会缩进*/background:url(images/mapS

table中如何用CSS控制<tr>><td>的宽度和高度给table设置一个mian. .main td的意思是指定main类下的td，同理也可以指定tr. 这样的做法只能针对了设定main类的表格，若是想要所有的表格都是同

CSS全称为Cascading Style Sheet 译为级联样式表，CSS的出现主要是为了解耦、提高易维护性。我们一般采用的是外部链接样式，这样可以将网页内容跟显示样式真正的分离。相对与传统的table,采用DIV+CSS技术的网页，更加容易被搜索引擎

font-style设定斜体，比如font-style: italic;font-weight设定文字粗细，比如font-weight: bold;font-size设定文字大小，比如font-size: 12px;line-height设定行距，比如li