1.盒子模型
一个页面上所有的元素(标签)都存在自己的一个盒子模型。
盒子模型由4个部分组成:
具体的内容
content: 内容主体
padding: 内容主体到边框的距离
border: 盒子的边框
margin: 外边框,到其他标签的距离
2.边框border
修改顺序:
如果你针对某一块修改,使用
xxxxxx-top/right/bottom/left-xxxx修改
如果只修改一个属性,则:
xxxxxxxxx-xxxx
如果只写一个值,则是四个都修改
写两个值,是修改上下、左右
写三个值,是修改上、下、左右
写四个值,是修改(顺时针顺序)上、右、下、左
颜色:
宽度
样式
简体写法
3.外边距Margin
设置大小
4.内边距Padding
5.计算一个标签具体占页面位置
6.box-sizing
盒子尺寸
inherit:继承父标签,根据父标签对应值来。