[b]CSS基础(一)[/b]
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显示的样式。
[b]CSS基础(二)[/b]
一、框模型(盒模型)
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
[b]DIV+CSS页面布局[/b]
一、浮动
二、绝对定位(内部元素) + 相对定位(外部元素)
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显示的样式。
[b]CSS基础(二)[/b]
一、框模型(盒模型)
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
[b]DIV+CSS页面布局[/b]
一、浮动
二、绝对定位(内部元素) + 相对定位(外部元素)