CSS基础教程

CSS基础（一）

1，CSS引入的三种方式及优先级
外部引用 < 页内引用 < 行内引用

现在编程提倡方式：是外部引用方式。原因是可以高效，不同浏览器兼容。


2，选择器
（1）标签选择器
单个标签
多个标签
父子标签

（2）类选择器
公共属性设置

（3）ID选择器
唯一属性设置


3，CSS控制的内容
backgroud    非继承
font  默认只有5种字体
list-style
table  非常强大


4，CSS需要注意的地方
（1）关于继承性。
大多数属性都是继承的，但background除外。另外不同浏览器支撑力度不一样。

（2）较好的CSS编写习惯
table最好内部干净，通过table 的ID和tr的class来定义table显示的样式。




CSS基础（二）

一、框模型（盒模型）
1，内边距——边框与内容之间的距离。
padding

2，边距
border-style
border-top-width
border-top-color

border-color:transparent(透明的)

3，外边距
margin

边距合并：一般情况下外边距都默认是0.
collapse



浏览器兼容：
（1）IE6的width就是全部宽度。
（2）不同浏览器默认的框模型不一致，最好覆盖默认值。比如，IE默认外边距是10。



二、浮动
块元素（block）
行内元素（inline）
float



三、定位position
1,absolute
2,relative
3,fixed
4,inherit


DIV+CSS页面布局
一、浮动

二、绝对定位（内部元素） + 相对定位（外部元素）