天行健, 君子以自强不息
Sunny's Blog
Title

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属性用于清除浮动

地势坤,君子以厚德载物