css2补充学习(1):布局定位
css基础问题记录
1.样式优先权问题
a.从样式的写入位置来看:行内样式表大于内部样式表大于外部样式表
b.从选择符的优先权上看:id大于class大于类型选择符
c.两行相同类型的css样式定义中,后面的优先级更高,但是可以通过!important来提升
2.XHTML标签与功能简述
3.几种页面布局方式的div+css实现
a.一列固定(自适应)宽度(居中的话用margin:0 auto)
b.两列固定宽度(注意用到float浮动,可以使浏览器自调节)
c.两列自适应宽度(注意加起来width不是100%)
d.两列左列固定右列自适应(固定列采用float,自适应列不加width属性,两列都要有height,这样自适应列只有div的block属性,独占一行)
e.两列固定居中,外面再包一个div
f.三列浮动中间列宽度自适应,左右两列(宽度固定)用绝对定位,中间自适应列不加width,将左右两列的宽度用margin隔出来
g.高度自适应,要从html,body来继承
4.关于float(clear)
float相当于是一个浮层,但是还要占位。clear属性用于清除浮动