zoukankan      html  css  js  c++  java
  • html标签分类与嵌套规则

    编辑本博客

    标签属性

    • html标签除一些特定属性外可以设置自定义属性,一个标签可以设置多个属性,属性之间用空格分开,属性不分先后顺序
    • 属性值要用引号引起来,通常用双引号,单引号也可以
    • 属性和属性值不区分大小写,通常用小写

    标签分类

    可以用display属性将块级元素、行内元素、行内块级元素相互之间进行转换

    块级元素

    <div><p><h1>~<h6><ol><ul><li><table><form>
    • 每个块级元素都从新的一行开始,其后的元素也另起一行。即独占一行
    • 元素高度,宽度,以及顶部和底部边距都可以设置
    • 元素宽度在不设置的情况下,是父容器的100%,除非设置一个宽度

    行内元素

    <a><span><br><i><em><strong><label>
    • 和其他元素在一行上
    • 元素的高度,宽度,边距不可设置
    • 元素的高度、宽度是所包含的文字或图片的宽度,不可改变

    行内块级元素

    <img><input><textarea><select>
    •  和其他元素在一行上
    • 元素的高度,宽度,以及边距都可设置

    不同类型标签之间转换

    display属性

    • inline:块级元素转换为行内元素
    • block:行内元素转换为块级元素
    • inline-block:块级元素转换为行内块元素
    • none:隐藏当前标签,不占位置,visibility: hidden;也可隐藏标签,但占位置

     嵌套规则

    • 块级元素可以包含内联元素和某些块元素,内联元素不能包含块元素,只能包含其他内联元素
    • p标签能包含ul,ol,li元素,但不能包含div元素
    • 特殊标签h1~h6、p只能包含内嵌元素,不能包含块级元素
    • li元素可以嵌入ul、ol、div等标签
  • 相关阅读:
    (转)OpenCV提取视频每一帧及将连续图片合成视频
    OpenCV对图像的性能测试
    (转)OpenCV中的常用函数
    EasyX-加载图像实现人物行走
    “三行情书”——给你三行代码的爱恋~
    EasyX—模拟小球自由落体
    maven的pom.xml配置文件
    spring常用注解
    sql优化
    idea快捷键
  • 原文地址:https://www.cnblogs.com/yaya625202/p/9135895.html
Copyright © 2011-2022 走看看