HTML标签分类
2016-08-14 13:00
204 查看
HTML有N多标签,根据显示的类型,主要可以分为3大类
1、块级标签:
独占一行的标签
能随时设置宽度和高度(比如div、p、h1、h2、ul、li)
2、行内标签(内联标签)
多个行内标签能同时显示在一行
宽度和高度取决于内容的尺寸(比如span、a、label)
3、行内-块级标签(内联-块级标签)
多个行内-块级标签可以显示在同一行
能随时设置宽度和高度(比如input、button)
虽然HTML当中提供了这三种类型的标签,但是开发当中只有这三种类型是远远不够的,比如我们希望同一行当中可以显示多个div标签,那怎么办呢,这个时候我们就需要用到CSS修改标签的显示类型:
CSS中有个display属性,能修改标签的显示类型,共有四种类型:
none:隐藏标签
block:让标签变为块级标签
inline:让标签变为行内标签
inline-block:让标签变为行内-块级标签(内联-块级标签)
1、块级标签:
独占一行的标签
能随时设置宽度和高度(比如div、p、h1、h2、ul、li)
<style> div{ background-color: red; width: 200px; height: 50px; } p{ background-color: yellow; width: 200px; height: 50px; } </style>
2、行内标签(内联标签)
多个行内标签能同时显示在一行
宽度和高度取决于内容的尺寸(比如span、a、label)
<span>222222222</span><br> <span>222222222</span><br> <span>222222222</span>
3、行内-块级标签(内联-块级标签)
多个行内-块级标签可以显示在同一行
能随时设置宽度和高度(比如input、button)
input{ width: 200px; height: 300px; }
虽然HTML当中提供了这三种类型的标签,但是开发当中只有这三种类型是远远不够的,比如我们希望同一行当中可以显示多个div标签,那怎么办呢,这个时候我们就需要用到CSS修改标签的显示类型:
CSS中有个display属性,能修改标签的显示类型,共有四种类型:
none:隐藏标签
block:让标签变为块级标签
inline:让标签变为行内标签
inline-block:让标签变为行内-块级标签(内联-块级标签)
相关文章推荐