padding屬性不包括,css更改元素左內(nèi)邊距?
css設(shè)置左邊距的方法:
1、使用margin-left屬性,可以設(shè)置元素的左外邊距,語(yǔ)法格式“margin-left:邊距值;”;
2、使用padding-left屬性,可以設(shè)置元素的左內(nèi)邊距,語(yǔ)法格式“padding-left:邊距值;”。
block元素特性?
一、block元素的特點(diǎn)
1、處于常規(guī)流中時(shí),如果width沒(méi)有設(shè)置,會(huì)自動(dòng)填充滿父容器
2、可以設(shè)置height/width及margin/padding
3、處于常規(guī)流中時(shí),布局在前后元素位置之間(獨(dú)占一個(gè)水平空間)
4、忽略vertical-align
二、inline元素特點(diǎn)
1、水平方向上根據(jù)direction依次布局
2、不會(huì)在元素前后進(jìn)行換行
3、受white-space控制
4、margin/padding在垂直方向上無(wú)效,在水平方向上有效
5、width/height對(duì)非替換行內(nèi)元素?zé)o效,寬度由元素內(nèi)容決定;
6、非替換行內(nèi)元素的行框高由line-height確定,替換行內(nèi)元素的行框高由height,margin,padding,border決定
7、浮動(dòng)或絕對(duì)定位時(shí)會(huì)轉(zhuǎn)換成block
8、vertical-align生效
三、補(bǔ)充
替換元素
替換元素是瀏覽器根據(jù)其標(biāo)簽元素與屬性來(lái)判斷顯示具體的內(nèi)容。
比如:<input type="text" /> ,type="text"表明這是一個(gè)文本輸入框,換成其他的時(shí)候,瀏覽器顯示就不一樣,<img>、<input>、<textarea>、<select>、<object>都是替換元素,這些元素都沒(méi)有實(shí)際的內(nèi)容。
非替換元素
(X)HTML 的大多數(shù)元素是不可替換元素,他們將內(nèi)容直接告訴瀏覽器,將其顯示出來(lái)。
比如:<p>wanmei.com</p>
瀏覽器將把這段內(nèi)容直接顯示出來(lái)。
怎樣讓DIV文字居中?
1、新建一個(gè)html文件,先切換到邊改邊看模式。
2、寫(xiě)一個(gè)div出來(lái),同時(shí)在內(nèi)部加上一些文字。
3、使用css增加屬性,使得div的區(qū)域看得清楚。
4、使用text-align:center屬性使得文字橫向居中。
5、設(shè)置行高,使這行文字實(shí)際占用的高度和div高度相同,就產(chǎn)生了居中效果。
6、如果是多行文字,需要配合行內(nèi)標(biāo)簽p和它的padding屬性來(lái)完成居中。
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í)元素也可以通過(guò)代碼display:inline將元素設(shè)置為行內(nèi)元素
常用的行內(nèi)元素有:
<a>、<span>、
、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>
特點(diǎn):
多個(gè)元素在同一行
高、寬無(wú)效,但水平方向的padding和margin可以設(shè)置,垂直方向的無(wú)效
默認(rèn)寬度就是它本身內(nèi)容的寬度
行內(nèi)元素只能容納文本或則其他行內(nèi)元素。(a特殊)
可以通過(guò)設(shè)置display屬性變成其他元素
注意:
只有 文字才 能組成段落 因此 p 里面不能放塊級(jí)元素,同理還有這些標(biāo)簽h1,h2,h3,h4,h5,h6,dt,他們都是文字類(lèi)塊級(jí)標(biāo)簽,里面不能放其他塊級(jí)元素。鏈接里面不能再放鏈接。
3、 行內(nèi)塊狀元素
行內(nèi)塊元素(display:inline-block)就是同時(shí)具備行內(nèi)元素、塊狀元素的特點(diǎn),代碼display:inline-block就是將元素設(shè)置為狀元素