Please enable JavaScript.
Coggle requires JavaScript to display documents.
css三大重点 - Coggle Diagram
css三大重点
1 盒子模型
目标
理解
padding设置不同数值个数
块级盒子居中对齐 2个条件?
内边距的作用?影响?
外边距合并
盒子模型四部分组成?
应用
利用边框复合写法给元素添加边框
利用盒子模型布局模块案例
计算盒子的实际大小
盒子内容
盒子模型(Box Model)
概念 布局元素看作一个盒子(容器)
组成
边框 border
内边距 padding
内容
外边距 margin
盒子边框(border)
语法
border : border-width || border-style || border-color
四个边框
单独写顺序 style width color
内边距(padding)
语法
撑大的问题
外边距(margin)
块级盒子水平居中
文字居中
设置
插入图片和背景图片区别
清除元素的默认内外边距
外边距合并
盒子模型布局稳定性
ps基本操作以及常用快捷键
网页布局的本质
1 设置盒子大小,摆放盒子位置
2 网页元素放入盒子
其他
圆角边框(CSS3)
盒子阴影(CSS3)
其他
ccs书写规范
选择器规范
空格规范
属性规范
2 浮动
3 定位