zoukankan      html  css  js  c++  java
  • HTML中的标签(块,内联,内敛块)

    HTML常用的标签速记

    仅代表我个人的关键,仁者见仁,感谢阅读,下面直接进入正题:

    常用的块级标签

    h1-h6,ul(ol),p,div,dl,form 等等 (其他的我就没记,像h5中的 section,article,nav,header,footer这些也都是块标签)

    常用的内联标签

    a,span,strong(b),em(i)等

    常用的内联块标签

    img,input等

    在html元素中,元素会有display属性。 display属性默认值是block,那么该元素是块级元素。 display属性默认值是inline,那么该元素是内联元素。 没有元素的display默认值是inline-block。 display属性值可以被设置,比如可以把块级元素div的display的值设成inline,那么它就变成了内联元素,不再独行显示。
    块级: block
    内联: inline
    内联块级: inline-block

    1.块级元素

    • 独占一行。

    • 可设置width,height,margin,padding。

    • 内部可包含块级或内联元素。


    2.内联元素

    • 和其他inline元素同行显示。

    • 设置widht,height,margin-top,margin-bottom,padding-top,padding-bottom无效,可以设置margin-left,margin-righ,padding-left,padding-right。

    • 内部可包含块级或内联元素,内部包含块级元素时,该块级元素继续保持独行显示,下一个内联元素会换行显示。

    3.inline-block

    • 和其他inline元素同行显示。

    • 和块级元素一样可设置width,height,margin,padding。

    • 内部可包含块级或内联元素,内部包含块级元素时,该块级元素会在内联元素的内部独行显示,不会影响下一个内联元素的同行显示。

    感谢阅读,如有不对,欢迎探讨学习,谢谢!

  • 相关阅读:
    poj3252Round Numbers
    poj2282The Counting Problem(组合)
    POJ1150he Last Non-zero Digit(组合)
    poj1715Hexadecimal Numbers(数位dp)
    Codeforces Beta Round #98 (Div. 2)(A-E)
    mysql被收购 用mariadb (转)
    vsftpd配置 (转)
    Linux文件目录结构详解 (转)
    Linux创建ftp并设置权限以及忘记ftp帐号(密码)修改 (转)
    Linux环境Nginx安装、调试以及PHP安装(转)
  • 原文地址:https://www.cnblogs.com/caoxueyang/p/12758868.html
Copyright © 2011-2022 走看看