css包含元素?
css元素分為三種:塊級(jí)元素、行內(nèi)元素和行內(nèi)塊元素
1、 塊級(jí)元素
設(shè)置display:block就是將元素顯示為塊級(jí)元素
常用的塊狀元素有:
<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>
特點(diǎn):
獨(dú)占一行
高度,行高、外邊距以及內(nèi)邊距都可以控制
寬度默認(rèn)是容器的100%
以容納內(nèi)聯(lián)元素和其他塊元素
2、 行內(nèi)元素
塊級(jí)元素也可以通過代碼display:inline將元素設(shè)置為行內(nèi)元素
常用的行內(nèi)元素有:
<a>、<span>、
、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>
特點(diǎn):
多個(gè)元素在同一行
高、寬無效,但水平方向的padding和margin可以設(shè)置,垂直方向的無效
默認(rèn)寬度就是它本身內(nèi)容的寬度
行內(nèi)元素只能容納文本或則其他行內(nèi)元素。(a特殊)
可以通過設(shè)置display屬性變成其他元素
注意:
只有 文字才 能組成段落 因此 p 里面不能放塊級(jí)元素,同理還有這些標(biāo)簽h1,h2,h3,h4,h5,h6,dt,他們都是文字類塊級(jí)標(biāo)簽,里面不能放其他塊級(jí)元素。鏈接里面不能再放鏈接。
3、 行內(nèi)塊狀元素
行內(nèi)塊元素(display:inline-block)就是同時(shí)具備行內(nèi)元素、塊狀元素的特點(diǎn),代碼display:inline-block就是將元素設(shè)置為狀元素