HTML+CSS学习笔记整理二

盒子模型CSS(重点)

边框border    


边框通常使用连写border:1px(边框大小) solid(实线或其他)  red(颜色)

border-collapse:collapse (合并边框)

内边距padding


padding:10px 上下左右都为10

padding:10px 20px  上下为10px 左右为20px

padding:10 20 30 上10 左右 20   下为30

padding:上 右  下  左

padding、border会撑开具有 width height的盒子 解决方法padding的计算

外边距margin


margin:0 auto (auto为自动填充)

相邻的两个外边距会合并(显示值大的外边距)

嵌套块元素垂直外边距的合并 解决办法:1用border隔开  2用padding隔开  3用overflow:hidden

版心和布局流程


1.确定页面版心

2.分析页面中的行块元素,以及每个模块中的列模块

3.制作HTML结构

3.CSS初始化,然后开始运用模型的原型,通过CSS+DIV进行布局来控制网页的各个模块

猜你喜欢

转载自www.cnblogs.com/zjfman/p/11445821.html