行内元素有哪些?块级元素有哪些? 空(void)元素有那些?
2017-08-16 00:00
363 查看
摘要: 行内元素有哪些?块级元素有哪些? 空(void)元素有那些?
CSS规范规定,每个元素都有display属性,确定该元素的类型,每个元素都有默认的display值,比如div默认display属性值为“block”,成为“块级”元素;span默认display属性值为“inline”,是“行内”元素;img默认display属性值为“inline-block”,是“内联块状”元素。
常用的块状元素有:
<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>
块级元素特点:
1、每个块级元素都从新的一行开始,并且其后的元素也另起一行。(真霸道,一个块级元素独占一行)
2、元素的高度、宽度、行高以及顶和底边距都可设置。
3、元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。
常用的内联元素有:
<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>
内联元素特点:
1、和其他元素都在一行上;
2、元素的高度、宽度、行高及顶部和底部边距不可设置;
3、元素的宽度就是它包含的文字或图片的宽度,不可改变。
常用的内联块状元素有:
<img>、<input>
inline-block元素特点:
1、和其他元素都在一行上;
2、元素的高度、宽度、行高以及顶和底边距都可设置。
知名的空元素: <br/> <hr/> <img/> <input/> <link/> <meta/>
鲜为人知的是: <area> <base> <col> <command> <embed> <keygen> <param> <source> <track> <wbr>
CSS规范规定,每个元素都有display属性,确定该元素的类型,每个元素都有默认的display值,比如div默认display属性值为“block”,成为“块级”元素;span默认display属性值为“inline”,是“行内”元素;img默认display属性值为“inline-block”,是“内联块状”元素。
常用的块状元素有:
<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>
块级元素特点:
1、每个块级元素都从新的一行开始,并且其后的元素也另起一行。(真霸道,一个块级元素独占一行)
2、元素的高度、宽度、行高以及顶和底边距都可设置。
3、元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。
常用的内联元素有:
<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>
内联元素特点:
1、和其他元素都在一行上;
2、元素的高度、宽度、行高及顶部和底部边距不可设置;
3、元素的宽度就是它包含的文字或图片的宽度,不可改变。
常用的内联块状元素有:
<img>、<input>
inline-block元素特点:
1、和其他元素都在一行上;
2、元素的高度、宽度、行高以及顶和底边距都可设置。
知名的空元素: <br/> <hr/> <img/> <input/> <link/> <meta/>
鲜为人知的是: <area> <base> <col> <command> <embed> <keygen> <param> <source> <track> <wbr>
相关文章推荐
- 爱创课堂每日一题九十九天- 行内元素有哪些?块级元素有哪些? 空(void)元素有
- 爱创课堂每日一题九十六天- 行内元素有哪些?块级元素有哪些? 空(void)元素有
- 块级元素,行内元素,行内块级元素都有哪些
- 爱创课堂每日一题九十八天- 行内元素有哪些?块级元素有哪些?CSS的盒模型?
- CSS里有哪些常见的块级元素和行内元素
- 爱创课堂每日一题第四十八天- html5有哪些新特性、移除了那些元素?
- HTML中的行内元素和块级元素有那些
- 行内元素和块级元素有哪些
- HTML5行内元素有哪些,块级元素有哪些, 空元素有哪些
- 行内元素与块级元素都有哪些 区别是什么?
- Html中行内元素有哪些?块级元素有哪些?
- Html中行内元素有哪些?块级元素有哪些?
- Html中行内元素和块级元素有哪些?
- Html中行内元素有哪些?块级元素有哪些?
- HTML中行内元素与块级元素有哪些及区别?
- 爱创课堂每日一题九十五天-行内元素有哪些?块级元素有哪些?CSS的盒模型?
- CSS - 常用行、块级元素都有哪些?
- HTML中行内元素与块级元素有哪些及区别 (网易博客)
- html5有哪些新特性、移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和HTML5?
- CSS里有哪些常见的块级元素和行内元素以及其区别?