各種元素的width height margin padding 特性

發(fā)布日期：2018年01月18日文章來源：

buy prednisolone liquid

buy prednisolone 5mg tablets uk postmaster.ge buy prednisolone for dogs

tamoxifen uk side effects

tamoxifen moa blog.planetcalamari.com tamoxifen davis pdf

clomid uk

clomid london open clomid london drugs

prednisolone online

prednisolone pharmacy blog.lppinsonneault.com prednisolone weight gain

Buy Amoxicillin uk

amoxicillin uk

tamoxifen citrate

tamoxifen dosage patemery.azurewebsites.net tamoxifen uk brands

abortion pill over the counter uk

buy abortion pill online read abortion pill online

buy amitriptyline uk

buy antidepressants blog.endungen.de buy amitriptyline online

Amitriptyline for Anxiety

amitriptyline and tinnitus link buy amitriptyline

where can i buy low dose naltrexone

buy naltrexone 3mg

一、各種元素的width height margin padding 特性（具體css元素的分來參看二）

1.塊級(jí)元素

width、 height、 margin的四個(gè)方向、 padding的四個(gè)方向都正常顯示，遵循標(biāo)準(zhǔn)的css盒模型。例如：div

2.行內(nèi)替換元素

width、 height、 margin的四個(gè)方向、 padding的四個(gè)方向都正常顯示，遵循標(biāo)準(zhǔn)的css盒模型。例如：img

2.行內(nèi)非替換元素（重點(diǎn)）

width、 height不起作用，用line-height來控制高度。

padding左右起作用，上下不會(huì)影響行高，但是對(duì)于有背景色和內(nèi)邊距的行內(nèi)非替換元素，背景可以向元素上下延伸，但是行高沒有改變。因此視覺效果就是與前面的行重疊。(《css權(quán)威指南》 P249)

margin左右作用起作用，上下不起作用，原因在于：行內(nèi)非替換元素的外邊距不會(huì)改變一個(gè)元素的行高（《css權(quán)威指南》 P227）。

二、css元素的分類

1. 替換和不可替換元素

從元素本身的特點(diǎn)來講，可以分為替換和不可替換元素。

a) 替換元素

替換元素就是瀏覽器根據(jù)元素的標(biāo)簽和屬性，來決定元素的具體顯示內(nèi)容。

例如：瀏覽器會(huì)根據(jù)<img>標(biāo)簽的src屬性的值來讀取圖片信息并顯示出來，而如果查看(X)HTML代碼，則看不到圖片的實(shí)際內(nèi)容；

又例如：根據(jù)<input>標(biāo)簽的type屬性來決定是顯示輸入框，還是單選按鈕等。

(X)HTML中的<img>、<input>、<textarea>、<select>、<object>都是替換元素。這些元素往往沒有實(shí)際的內(nèi)容，即是一個(gè)空元素，瀏覽器會(huì)根據(jù)元素的標(biāo)簽類型和屬性來顯示這些元素?？商鎿Q元素也在其顯示中生成了框。

b) 不可替換元素

(X)HTML 的大多數(shù)元素是不可替換元素，即其內(nèi)容直接表現(xiàn)給用戶端（例如瀏覽器）。段落<p>是一個(gè)不可替換元素，文字“段落的內(nèi)容”全被顯示。

2. 顯示元素

除了可替換元素和不可替換元素的分類方式外，CSS 2.1中元素還有另外的分類方式：塊級(jí)元素（block-level）和行內(nèi)元素（inline-level，也譯作“內(nèi)聯(lián)”元素）。

a) 塊級(jí)元素

在視覺上被格式化為塊的元素，最明顯的特征就是它默認(rèn)在橫向充滿其父元素的內(nèi)容區(qū)域，而且在其左右兩邊沒有其他元素，即塊級(jí)元素默認(rèn)是獨(dú)占一行的。

典型的塊級(jí)元素有：<div>、<p>、<h1>到<h6>，等等。

通過CSS設(shè)定了浮動(dòng)（float屬性，可向左浮動(dòng)或向右浮動(dòng)）以及設(shè)定顯示（display）屬性為“block”或“l(fā)ist-item”的元素都是塊級(jí)元素。

但是浮動(dòng)元素比較特殊，由于浮動(dòng)，其旁邊可能會(huì)有其他元素的存在。而“l(fā)ist-item”（列表項(xiàng)<li>），會(huì)在其前面生成圓點(diǎn)符號(hào)，或者數(shù)字序號(hào)。

b) 行內(nèi)元素

行內(nèi)元素不形成新內(nèi)容塊，即在其左右可以有其他元素，例如<a>、<span>、<strong>等，都是典型的行內(nèi)級(jí)元素。

display屬性等于“inline”的元素都是行內(nèi)元素。幾乎所有的可替換元素都是行內(nèi)元素，例如<img>、<input>等等。

不過元素的類型也不是固定的，通過設(shè)定CSS 的display屬性，可以使行內(nèi)元素變?yōu)閴K級(jí)元素，也可以讓塊級(jí)元素變?yōu)樾袃?nèi)元素。

上一篇:實(shí)用CSS放大鏡制作的核心

下一篇:h5新特性:WebStorage

返回列表

亚洲s色大片在线观看下载,韩国不卡一区二区三区,aaaa级特黄视频,一个人看的www免费视频

新聞資訊

各種元素的width height margin padding 特性