在CSS的实际应用中，往往是将CSS以独立文件（如：style.css）的形式导入到HTML文档中。 导入CSS文件主要有两种方式：     链接式（link）            link rel="stylesheet" href="style.css" type="text/css"/>     <p style="margin-top: 0px

语法     用两个空格来代替制表符（tab） -- 这是唯一能保证在所有环境下获得一致展现的方法。     为选择器分组时，将单独的选择器单独放在一行。     为了代码的易读性，在每个声明块的左花括号前添加一个空格。     声明块的右花括号应当单独成行。     每条声明语句的 : 后应该插入一个空格。     为了获得更准确的错误报告，每条声明都应该独占一行。    

属性 描述 background 简写属性，作用是将背景属性设置在一个声明中 background-attachment 背景图像是否固定或者随着页面的其余部分滚动 background-color 设置元素的背景颜色 background-image 把图像设置为背景 background-position 设置背景图像的起始

说明 设置或索对象内空格的处理方式； 对应的脚本性语言是whiteSpace。 语法 white-space:normal | pre| nowrap | pre-wrap | pre-line 默认值：normal( firefox下测试结果为：字母、数字遇到边界也不换行，但是中文能换行。多个空格、换行都解析为1个空格。 ) 取值 normal:默认处理方式； pre:用等宽字体

语法 E:nth-child(n) { rules;} 匹配父元素E的第n个子元素 有趣之处 E：nth-child(n){ rules;} 里面的n不仅可以为数值，还可以为乘法因子，如2n、2n+1等，这样就能匹配到奇偶子元素了。如想要实现偶数子元素背景色不同，则可这样设置： 还记得这种间隔背景色的效果么？ CSS3伪类 :nth-child(n) 实现的奇偶间隔背景色效果

浮动会使当前标签产生向上浮的效果，同时会影响到前后标签、父级标签的位置及 width height 属性。而且同样的代码，在各种浏览器中显示效果也有可能不相同，这样让清除浮动更难了。解决浮动引起的问题有多种方法，但有些方法在浏览器兼容性方面还有问题。 下面总结8种清除浮动的方法（测试已通过 ie chrome firefox opera，后面三种方法只做了解就可以了）： 1，

css-hack css-hack诞生背景: 由于不同浏览器所遵循的标准也有所不同，再加上不可避免的程序bug、经济利益等因素的干扰。同样的网页代码(HTML + CSS)，在不同浏览器上的显示效果却略有不同，甚至大有不同。即使是同一个浏览器，其不同版本的显示效果也有所不同，尤其是IE。这就给网页前端设计人员带来了很大的困扰。开发人员必须兼顾考虑到所有主流的浏览器，才能在不同的浏览器上显示出相

body{9000px;} /*让浏览器出现滚动条*/ .fixed{ position:fixed; /*对于火狐等其他浏览器需要设置的*/ top:700px; /*同上*/ width:30px; height:30px; cursor:pointer;