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