31 lines
821 B
Plaintext
31 lines
821 B
Plaintext
小知识点：
|
||
|
||
1：块级标签和行内标签相互转化
|
||
|
||
块级标签: 可以设置宽高属性
|
||
|
||
行内标签: 不可以设置宽高属性
|
||
|
||
|
||
display:
|
||
|
||
1: block 将行内标签元素转换为块标签，可以设置宽高
|
||
2: inline 将块标签转换为行内标签，将会失去设置宽高的特性
|
||
3: inline-block 让一个元素同时具有 block 和 inline 的所有属性
|
||
|
||
|
||
2： 盒子模型：网页中任何元素都具有盒子模型的特征，
|
||
|
||
margin 外边距
|
||
padding 内边距
|
||
border 边框
|
||
content 内容
|
||
|
||
元素的真实宽高 = 你设置的宽高 + (padding + padding) + (border + border)
|
||
|
||
|
||
3：浮动：https://www.cnblogs.com/acorn/p/5249089.html
|
||
|
||
|
||
4：提前预习：
|
||
定位：http://www.runoob.com/css/css-positioning.html |