zoukankan      html  css  js  c++  java
  • HTML容器标签和文本标签

    html中的容器级标签和文本级标签,css中的块级元素和行内元素是我们常常拿来比较的四个名词(行内块级暂时先不考虑)。注:如果标签嵌套错误,可能会发生浏览器解析错误的情况,只是针对嵌套做的这个。

    容器标签

    1、容器级的标签可以简单的理解为能嵌套其它所有标签的标签。
    2、常见容器级的标签: div h ul ol dl li dt dd ...。

    文本标签

    1、文本级的标签对应容器级标签,只能嵌套文字/图片/超链接的标签。
    2、常见文本级的标签:span p buis strong em ins del ...。

    块级元素

    1、css中的块级元素基本与html中的容器级标签对应,包括: **p** div h ul ol dl li dt dd ...。
    
    2、*ps:不用刻意去记忆哪些标签是文本级的哪些标签是容器级, 在企业开发中一般情况下要嵌套都是嵌套在div中, 或者按照组标签来嵌套(ul>li, ol>li , dl>dt+dd).*

    行内元素

    1、行内元素也基本与文本标签对应:span buis strong em ins del。

    块级元素与行内元素

    1.块级元素独占一行,行内元素不独占。 
    2.如果没有设置宽高,块级元素默认与父元素一致,设置了则按设置的显示; 
     行内元素不可以设置宽高,默认与包含的内容高度一致。

    ps:为了能够让元素既能够不独占一行, 又可以设置宽度和高度, 那么就出现了行内块级元素

    css中显示模式的切换

    可以通过标签的display属性设置显示模式。

    display取值

    1、block 块级
    2、inline 行内
    3、inline-block 行内块级

    总结:一般块级元素都是容器级标签,但是有几个特殊的块级元素只能包含内嵌元素,不能再包含块级元素

     h1、h2、h3、h4、h5、h6、p、dt 

  • 相关阅读:
    POJ 3253 Fence Repair
    POJ 2431 Expedition
    NYOJ 269 VF
    NYOJ 456 邮票分你一半
    划分数问题 DP
    HDU 1253 胜利大逃亡
    NYOJ 294 Bot Trust
    NYOJ 36 最长公共子序列
    HDU 1555 How many days?
    01背包 (大数据)
  • 原文地址:https://www.cnblogs.com/zhuochong/p/11412946.html
Copyright © 2011-2022 走看看