DIV+ CSS -- 布局

1. div+css网页布局 --  实现网页内容与表现相分离


2. 无意义的div和span

div:块级的,前后有断行

span:内联html中


3. 盒子模型

width

height

border

margin

padding

4. 布局有关css属性

position:absolute   relative   static   fixed

top:

left:

text-align:left   right   center

line-height:行高,设置垂直居中

z-index: 层的顺序和覆盖关系,值高的元素覆盖值低的元素

display:block(块)   inline(行)   none(不显示该元素)

visibility:针对嵌套层,无论父层是否可见,子层都可见,当值为hidden时候,子层隐藏

overflow:层内内容超出层所容纳的范围时候,visible显示    hidden(超出部分隐藏)   scroll(加滚动条)  auto(超出层范围时候才加滚动条)

float:漂浮属性,left    right

clear:none(默认)  left  right   both 清除属性指定一个元素是否允许有元素漂浮在它的旁边;


5. 兼容性问题

w3c盒子模型的width和height只有内容区;而IE模型则还包括border和padding的部分

设置浏览器遵循w3c的DOCTYPE声明;<!DOCTYPE html>


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值