CSS注意事项

display属性相关

块级元素：block
可宽高边距，会自动换行
行内元素：inline
不可宽高边距，不自动换行
行内块级元素：inline-block
可宽高边距，不自动换行

---

float属性相关
待完成

---

display中flex属性使用
https://www.cnblogs.com/sunwk/p/9049384.html

---

html标签

• 容器级的标签可以简单的理解为能嵌套其它所有标签的标签。
  常见容器级的标签: div h ul ol dl li
• 文本级的标签对应容器级标签，只能嵌套文字/图片/超链接的标签。
  常见文本级的标签:span p buis strong

---

css元素

• css中的块级元素基本与html中的容器级标签对应，包括: p div h ul ol dl li dt dd。

 ps:不用刻意去记忆哪些标签是文本级的哪些标签是容器级, 
 在企业开发中一般情况下要嵌套都是嵌套在div中,
 或者按照组标签来嵌套(ul>li, ol>li , dl>dt+dd).*

• 行内元素(内联元素)
  行内元素也基本与文本标签对应：span buis strong em ins del。

块级元素与行内元素
1.块级元素独占一行，行内元素不独占。
2.如果没有设置宽高，块级元素默认与父元素一致，设置了则按设置的显示；
	行内元素不可以设置宽高，默认与包含的内容高度一致。
ps:为了能够让元素既能够不独占一行, 又可以设置宽度和高度, 
那么就出现了行内块级元素
 css中显示模式的切换
 可以通过标签的display属性设置显示模式。
 display取值
 block 块级
 inline 行内
 inline-block 行内块级