css元素显示模式

• 什么是css元素显示的模式？
  --在HTML中HTML将所有标签分为两类，分别是容器标签和文本标签，在CSS中CSS也将所有标签分为两类，分别是块级元素和行内元素
• 什么是块级元素？什么是行内元素？
  --块元素会独占一行
  --行内元素不会独占一行
  块级元素：div ul ol dl li h p……
  行内元素：span buis strong em ins del……
• 快元素和行内元素的区别？
  --块元素
  1）独占一行
  2）如果没有设置宽度，默认和父元素一样宽
  3)如果·设置了宽度，那么按照设置的来显示
  --行内元素
  1）不会独占一行
  2）如果没有设置宽度，那么默认和内容有一宽
  3) 行内元素是不可以设置宽度和高度的·
• 行内块元素
  --为了能够让元素既能够不独占一行，又可以设置宽度和高度，那么就出现了行内快元素。
  显示模式转换
  display：inline/block/inline-block
• 如何转换css元素的显示模式？
  设置元素的display属性
  display的取值：
  block 转块级
  inline转行
  inline-block转行内快
• 快捷键
  di +tab
  db+tab
  dib+tab

<wiz_tmp_tag id="wiz-table-range-border" contenteditable="false" style="display: none;">

 

 

 

 

来自为知笔记(Wiz)