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;">





posted @ 2019-03-17 17:05  前端靓  阅读(143)  评论(0编辑  收藏  举报