编辑本博客

标签属性

  • 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等标签

版权声明：本文为yaya625202原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/yaya625202/p/9135895.html