Version:1.0StartHTML:000000193EndHTML:000448737StartFragment:000425527EndFragment:000448639StartSelection:000425527EndSelection:000448639SourceURL:http://www.itdecent.cn/writer

·Css筆記

Css的作用：

[if !supportLists]1.?[endif]css用來(lái)解決混亂的結(jié)構(gòu)和樣式。

[if !supportLists]2.?[endif]Css讓結(jié)構(gòu)和樣式相分離

[if !supportLists]3.?[endif]Css是讓HTML罪的網(wǎng)站更加美觀的工具（美容師）

[if !supportLists]4.?[endif]Css是做樣式的HTML是做結(jié)構(gòu)的

·Css層疊樣式表

Css層疊樣式表主要是設(shè)置HTML頁(yè)面中的文本內(nèi)容（文字大小、對(duì)齊方式等）圖片的外形（寬度、邊框樣式、邊距等）以及版面的布局等外觀顯示樣式。

選擇器-----屬性-----值----聲明、

1、px為像素的意思，作用是改變大小

2、/**/表示注釋的意思，在工作中可以更好的理解代碼的意思

3、normal是默認(rèn)值的意思瀏覽器會(huì)顯示默認(rèn)的標(biāo)準(zhǔn)格式

4、abligue 瀏覽器會(huì)顯示斜體的字體樣式

5、<span>是一個(gè)方塊組的意思

·Css基本的及格公式

1. font-size字號(hào)大小，放在style后面

2.font-family字體樣式（用來(lái)改變字體）

3.font-family宋體、楷體、微軟雅黑（按照一定順序查找的意思）

4.font-weight字體粗細(xì)（用你來(lái)改變字體的粗細(xì)）

5.font-weight：boid字體型號(hào)（用來(lái)修改字體的行號(hào)）{數(shù)字400=normal而700=boid}

6.font-style italic字體傾斜（用來(lái)修改字體的傾斜程度）

7.font-style normal還原原本的樣子（恢復(fù)到默認(rèn)值）

8.font-style italic修改字，體為斜體樣式

注：使用font屬性時(shí)必須按照上面的語(yǔ)法格式中的順序書寫，不能更換順序，各個(gè)屬性一空格隔開。（其中不需要設(shè)置的屬性可以省略<取默認(rèn)值>，但必須保留font-size和font-family屬性，否則font屬性不起作用）

·選擇器

總體概念：要想將css樣式應(yīng)用于特定的HTML元素，首先需要找到該目標(biāo)元素，在css中執(zhí)行這一任務(wù)的樣式規(guī)則部分被稱為選擇器（選擇符）

·標(biāo)簽選擇器

概念：標(biāo)簽選擇器值HTML標(biāo)簽名稱作為選擇器按標(biāo)簽名稱分類，微頁(yè)面中某一類標(biāo)簽制定統(tǒng)一的css標(biāo)簽

格式：屬性1：屬性值1：屬性2：屬性值2：屬性3：屬性值3（標(biāo)簽名）

屬性1：屬性值1：屬性2：屬性值2：屬性3：屬性值3（元素名）

標(biāo)簽選擇器的優(yōu)點(diǎn)/缺點(diǎn)：

標(biāo)簽選擇器最大的優(yōu)點(diǎn)是能快速為頁(yè)面中同一類型的標(biāo)簽統(tǒng)一樣式，同事這也是他的缺點(diǎn)，不能設(shè)計(jì)差異化樣式。

·類選擇器

類選擇器的使用方法：”.”進(jìn)行標(biāo)識(shí)后面緊跟類名，基本語(yǔ)法格式：

.類名{屬性1：屬性值1：屬性2：屬性值2：屬性3：屬性值3} 標(biāo)簽調(diào)用的時(shí)候class類名即可

類選擇器的最大優(yōu)勢(shì)是可以為元素對(duì)象定義單獨(dú)或相同的格式（上面聲明，下面引用）

小技巧：1.長(zhǎng)名稱或詞可以使用中橫線來(lái)為選擇器命名

[if !supportLists]2.?[endif]不建議使用下劃線來(lái)命名css選擇器

Css書寫規(guī)范：

Css書寫規(guī)范分為三類：自定義類、重新定義HTML樣式、連接狀態(tài)試。

自定義樣式：

為設(shè)計(jì)師自定義的心css樣式，影響被使用本樣式的區(qū)域，用于完成網(wǎng)頁(yè)中布局的樣式設(shè)定。樣式名”.”+相應(yīng)樣式效果描述的單詞或縮寫

文本樣式：樣式名稱：+”.”+字號(hào)+行距+顏色；

重新定義HTML樣式：

重新定義HTML樣式為設(shè)計(jì)師重新定義已有的HTML標(biāo)簽樣式，影響統(tǒng)一網(wǎng)頁(yè)中某一標(biāo)簽的樣式定義

樣式名”html標(biāo)簽”例：”hr{border:lpx dotted #333333}”

多類型選擇器：

多類型選擇器可以無(wú)限加，更加方便（無(wú)限加限制條件，更加精細(xì)）

·通配符選擇器

注意：這個(gè)銅佩服選擇器就像我們電影中看到的明星一樣，中看不中用（不建議使用）

·偽類選擇器

連接偽類選擇器：

;link未訪問(wèn)的連接

;visited已訪問(wèn)的連接

;hover鼠標(biāo)移動(dòng)到連接上的效果

;active選定的連接

注意：寫的時(shí)候他們的循序的順序盡量不要改變順序

·結(jié)構(gòu)偽類選擇器

First-child;選取數(shù)星期父元素的首個(gè)子元素的制定選擇器

Last-child;選取屬于父類元素的最后一個(gè)子元素的制定選擇器

Nth-childcnl;匹配屬于其父元素的底n個(gè)元素不論元素類型：

Even是偶數(shù)，add為奇數(shù)，n為從0開始

Nth-last-childcn;選擇器匹配屬于七元素的底n個(gè)元素，不論n個(gè)元素的類型，從最后一個(gè)元素倒著開始，n為數(shù)字

·目標(biāo)偽類選擇器

：target目標(biāo)偽類選擇器：選擇器課用于選擇當(dāng)前活動(dòng)的目標(biāo)元素

Line-height行高；

Text-align水平對(duì)齊方式（水平垂直前兩個(gè)參數(shù)必須寫后兩個(gè)參數(shù)可以省略）

Text-indent首行縮進(jìn)

Letter-spacing字間距

字體顏色透明化公式：

Color：rgba（0,0,0,{0-1}）

Text-shadow文字陰影畫

·內(nèi)聯(lián)樣式表

內(nèi)聯(lián)樣式表是通過(guò)標(biāo)簽的style屬性愛設(shè)置元素的樣式.

語(yǔ)法中style是標(biāo)簽的屬性，實(shí)際上任何HTML標(biāo)簽都有實(shí)體業(yè)屬性，用來(lái)設(shè)計(jì)行內(nèi)式，其中屬性和值得書寫與css樣式相同，行內(nèi)樣式對(duì)其所在的標(biāo)簽?zāi)慵扒短椎臉?biāo)簽起作用。

·外部樣式表

Link標(biāo)簽就是把外面的css引導(dǎo)當(dāng)前的HTML也后面中的，就是連接

創(chuàng)建css文件 點(diǎn)擊本目錄最大文件，new-----other-----搜索css-----創(chuàng)建----改名就好

在HTML頁(yè)面上書寫link標(biāo)簽

”style sheet”>（后面兩個(gè)是固定的不變）

·標(biāo)簽的顯示模式

·塊級(jí)元素

每個(gè)塊級(jí)元素都會(huì)獨(dú)自占據(jù)一整行或多行，可以對(duì)其設(shè)置寬度，高度對(duì)其等屬性，常用于網(wǎng)頁(yè)布局和網(wǎng)頁(yè)結(jié)構(gòu)搭建

行內(nèi)元素

·行內(nèi)元素（內(nèi)聯(lián)元素）不占有獨(dú)立的區(qū)域，僅僅靠自己的字體大小和圖像尺寸來(lái)支撐結(jié)構(gòu)，一般不可以設(shè)置寬度，高度，對(duì)其屬性，常用語(yǔ)控制頁(yè)面中的文本樣式。

塊級(jí)元素和行內(nèi)元素的區(qū)別：

塊級(jí)元素的特點(diǎn)：

1.總是從新開始

2.高度行高外邊距都可以控制

3.寬度默認(rèn)是容量的百分百

4.可以容納內(nèi)聯(lián)元素和其它塊元素

行內(nèi)元素的特點(diǎn)：

[if !supportLists]1.?[endif]和相鄰行內(nèi)元素表在一行上

[if !supportLists]2.?[endif]高寬無(wú)效，但水平方向的padding和margin可以設(shè)置，垂直方向無(wú)效。

[if !supportLists]3.?[endif]默認(rèn)寬度就是他本身內(nèi)容的寬度

[if !supportLists]4.?[endif]行內(nèi)元素只能容納文本或其他行內(nèi)元素

·行內(nèi)塊元素

在行內(nèi)元素中有幾個(gè)特殊的標(biāo)簽-,,可以對(duì)他門設(shè)置高度和對(duì)其屬性

行內(nèi)元素的特點(diǎn)：

[if !supportLists]1.?[endif]和相鄰行內(nèi)元素在一行上，但是之間有空白縫隙

[if !supportLists]2.?[endif]默認(rèn)寬度就是他本身內(nèi)容的寬度

[if !supportLists]3.?[endif]高度，行高，外邊距一句內(nèi)邊距都可以進(jìn)行控制

標(biāo)簽顯示模式轉(zhuǎn)換

將塊狀元素轉(zhuǎn)換為行內(nèi)模式display：inline

將行內(nèi)模式轉(zhuǎn)換為塊狀元素display： black；

行內(nèi)標(biāo)簽?zāi)Ｊ睫D(zhuǎn)換為匡壯內(nèi)標(biāo)簽顯示模式display：inline-block；

·Css復(fù)合選擇器

復(fù)合選擇器是有兩個(gè)或多個(gè)基礎(chǔ)選擇器通過(guò)不同的方式組成而成，目的是為了可以選擇更準(zhǔn)確的目標(biāo)元素標(biāo)簽

h3（標(biāo)記選擇器）.class（類別選擇器）{color（屬性）：red（值）；font（屬性）-size（值）；25px}

記憶技巧：交集選擇器是并且的意思相對(duì)來(lái)說(shuō)比較少，不建議使用。

·并集選擇器

并集選擇器是各個(gè)選擇器通過(guò)逗號(hào)連接而成的任何形式的選擇器（包括標(biāo)簽選擇器等等）

都可以做為冰機(jī)選擇器的一部分。如果默寫選擇器定義的樣式完全一樣，就可以利用冰機(jī)選擇器為他們定義相同的css樣式。

·后代選擇器

后代選擇器又稱包含選擇器用來(lái)選擇元素或元素的后代，其實(shí)就是吧外城的標(biāo)簽寫在前面，內(nèi)層標(biāo)簽寫在后面，中間用空格分隔當(dāng)標(biāo)簽發(fā)生嵌套式內(nèi)部標(biāo)簽成為外部標(biāo)簽前的后代。

·子元素選擇器

Itemli{color：#ofo后代選擇}

·屬性選擇器

選取標(biāo)簽帶有耨些特殊的選擇性質(zhì)的選擇器我們稱為屬性選擇器（屬性選擇器用括號(hào)表示）

上括號(hào)表示font開始就可以

￥表示font結(jié)束就可以

*表示任意位置

·偽元素選擇器

E：：first-letter文本的第一個(gè)單詞

E：：first-line文本第一行

E：：selection可改變穩(wěn)重選中文本的樣式

·dome類選擇器

：first-child偽類選擇器

：：first-letter微元素選擇器

P：：first-letter選擇第一個(gè)字進(jìn)行編譯

P：：first-line選擇第一行進(jìn)行編譯

P：：selection{color；pink}選擇區(qū)域改變顏色

Div：before{content”俺”}在內(nèi)容中插入內(nèi)容“俺”

Div：after{content”俺}在內(nèi)容后面添加內(nèi)容”俺”

·空格規(guī)范

選擇器與{}之間必須包含空格

屬性名宇之后的：之間不允許包含空格：與屬性值之間必須包含空格

·選擇器規(guī)范

當(dāng)一個(gè)rule包含多個(gè)selector時(shí)，每個(gè)選擇器聲明必須獨(dú)占一行

選擇器的嵌套層級(jí)不能大于三級(jí)位置靠后的限定條件應(yīng)盡可能精確

·屬性規(guī)范

屬性定義后必須以分好結(jié)尾

·css背景

Background-color 背景顏色

Background-image背景圖片地址

Background-repeat是否平鋪

Background-position背景位置

Background-attachment背景固定還是滾動(dòng)

·背景的合寫（復(fù)合屬性）

background：背景顏色 背景圖片 是否平鋪 北京滾動(dòng) 背景設(shè)置

Background：URL（圖片地址）

Background-repeat：repeat-x-y（橫鋪豎鋪）

·背景位置

語(yǔ)法：background-position：length||iength

Backround-position：position||position；

參數(shù)：

Length百分?jǐn)?shù)1有浮點(diǎn)數(shù)字和單位標(biāo)識(shí)符組成的長(zhǎng)度值

Position：top（上）center（中）bottom（下）left（左）right（右）

說(shuō)明：設(shè)置或檢索對(duì)象的背景圖片位置，必須先制定background-image屬性。默認(rèn)值為（0%0%）

如果指定一個(gè)值改值將用于橫坐標(biāo)，縱坐標(biāo)默認(rèn)為50%

如果指定兩個(gè)值則為對(duì)角線

如果指定三個(gè)值則為上和左右

如果指定四個(gè)值則為四個(gè)角的值

注意：1.position后面是x坐標(biāo)和y坐標(biāo)可以使用名詞或者精確單位

2.如果和精確單位和單位名字混合使用必須x坐標(biāo)在前y坐標(biāo)在后（實(shí)際工作中最用最大的就是北京魚片居中對(duì)齊了）

[if !supportLists]3.?[endif]如果方位名詞只寫一個(gè)，另外一個(gè)默認(rèn)值為center

[if !supportLists]4.?[endif]精確單位第一值一定是x坐標(biāo)，第二只一定是y坐標(biāo)

·背景附著

參數(shù)：scroll背景圖像是隨著對(duì)象內(nèi)容滾動(dòng)fixed背景圖像固定

說(shuō)明：設(shè)置或檢測(cè)背景圖像是隨對(duì)象內(nèi)容滾動(dòng)還是固定的

公式：background-attachment：fixed

·背景簡(jiǎn)寫

Background背景顏色、背景圖片地址、背景平鋪、背景滾動(dòng)、背景位置

·背景透明

格式css支持背景透的寫法 background：rgba（0,0,0,0-1）之間

注意：背景半透明是指盒子背景變透明內(nèi)容不會(huì)受到影響，同樣可以給文字邊框甲乙透明效果都是rgba格式：

背景圖片設(shè)置大小background-size：100px ???我們盡量只改一個(gè)值防止自動(dòng)縮放扭曲 建議使用百分比縮放

·多背景

以逗號(hào)分割可以設(shè)置多背景，可用于自適應(yīng)布局做法就是都好隔開就好

[if !supportLists]1.?[endif]一個(gè)元素可以設(shè)置多沖北京圖像

[if !supportLists]2.?[endif]魅族屬性間使用都好分割

[if !supportLists]3.?[endif]如果設(shè)置的多重背景圖之間存在著交集前面的背景圖會(huì)覆蓋在后面的背景圖之上

[if !supportLists]4.?[endif]微辣避免背景色將圖像蓋住，背景色通常都定義在最后一組上

公式：back ground：圖片路經(jīng)+圖片路經(jīng)

·凹凸文字

根據(jù)亮度的陰影面積來(lái)制作凹凸文字

Text-decoration通常我們會(huì)給連接修飾效果

值 描述

None默認(rèn)定義標(biāo)準(zhǔn)的文本

Underline定義文本的下一線條

Overline定義文本的一條線

Line-througe定義穿過(guò)文本地一條線

·css的三大特征

Css層疊性，為紅色是指多種css樣式的疊加

比如先給某個(gè)標(biāo)簽制定了內(nèi)部文本顏色為紅色接著又制定顏色為藍(lán)色，則選擇下面的藍(lán)色這也叫樣式?jīng)_突，一般情況下如果出現(xiàn)樣式?jīng)_突喝會(huì)按照css書寫的順序以最后的演示作為標(biāo)準(zhǔn)

·css繼承性

所謂繼承性是指書寫css樣式表時(shí)，子標(biāo)簽會(huì)繼承父標(biāo)簽的某種樣式如顏色和字號(hào)，想要將他應(yīng)用于字另類而已

并不是并不是所有的css屬性都可以繼承

·css權(quán)重（優(yōu)先級(jí)）

定義css樣式時(shí)經(jīng)常出現(xiàn)兩個(gè)或多個(gè)規(guī)則應(yīng)用于同一元素上這是我們就要應(yīng)用到優(yōu)先級(jí)問(wèn)題

解決方案：繼承樣式的權(quán)重為0，不管父元素央視的權(quán)重有多大，被子元素集成式，都為0，行內(nèi)樣式優(yōu)先，應(yīng)用style屬性元素，其行內(nèi)樣式的權(quán)重非常高，權(quán)重相同時(shí)根據(jù)css書寫桂畔來(lái)定義 ！important權(quán)重最高

·css特殊性

關(guān)于css權(quán)重我們需要一套計(jì)算公式來(lái)計(jì)算，這就是css特殊性（他是一個(gè)衡量css優(yōu)先級(jí)的一個(gè)保準(zhǔn)具體規(guī)范如下：）

specificity用一個(gè)四位數(shù)的數(shù)字串（css2是三位數(shù)）來(lái)表示更像四個(gè)級(jí)別，數(shù)值從坐到右邊，左邊的最大，一級(jí)大于一級(jí)水位之間沒有進(jìn)制，級(jí)別之間不可超越

繼承或者奉獻(xiàn)值 ? ? ?? 0，0，0，0

每個(gè)元素（標(biāo)簽）奉獻(xiàn)值為 ? ? 0，0，0，1

每個(gè)類的奉獻(xiàn)值為 ? 0，0，1，0

每個(gè)id的奉獻(xiàn)值為 ? 0，1，0，0

每個(gè)行內(nèi)樣式奉獻(xiàn)值 1，0，0，0

每個(gè)！important的奉獻(xiàn)值 ?? &無(wú)窮大（繼承的權(quán)重為0）

優(yōu)先級(jí)的總結(jié)

1.使用了！important聲明的規(guī)則

2.內(nèi)嵌在HTML元素的style屬性里面的聲明

3.使用了id選擇器的規(guī)則屬性選擇器微元素和偽類選擇器的規(guī)則

4.使用了元素選擇器的規(guī)則

5.只包含一個(gè)銅用 選擇器的規(guī)則

6.同一類選擇遵循就近原則

總結(jié)：權(quán)重是優(yōu)先級(jí)的算法，層疊式優(yōu)先級(jí)的表現(xiàn)

css盒子模型

看透網(wǎng)頁(yè)的本質(zhì)，把網(wǎng)頁(yè)必成一塊塊的盒子css其實(shí)沒有太多邏輯可言，累死我們小時(shí)候萬(wàn)的積木，我們可以自由的隨意的擺放處想要的效果

所有的文檔元素（標(biāo)簽）都會(huì)生成一個(gè)矩形它描述了一個(gè)文檔元素在網(wǎng)頁(yè)布局匯總所占位置的大小，因此每個(gè)盒子處理有自己大小和位置，還影響著其他盒子的大小和位置

盒子邊框

盒子邊框就是那層皮

語(yǔ)法：border：border-width（邊框?qū)挾龋﹟|border-style（邊框樣式）||border-color（邊框顏色）

邊框?qū)傩?一遍設(shè)置邊框樣式（bordel-style）邊框樣式用于定義域面邊框的風(fēng)格，常用屬性值：

none：沒有邊框的意思即忽略邊框邊框的寬度（默認(rèn)值）

solid：邊框?yàn)閱挝粚?shí)線（最為常見）

dashed：邊框?yàn)辄c(diǎn)線

double：邊框?yàn)殡p實(shí)線

top為上邊框的意思 ?? bottom下邊框

表格的細(xì)線邊框公式：

table（border-collpse：collapse：）

border-collapse：collapse：表示邊框合并在一起

圓角邊框

語(yǔ)法格式：border-radish左上角右上角右下角左下角

一個(gè)為百分值，兩個(gè)為對(duì)角值，三個(gè)為一組對(duì)角值+兩個(gè)確定值，四個(gè)為各自的精確值

內(nèi)邊距

padding屬性用于設(shè)置內(nèi)邊距，是指邊框與內(nèi)容的距離

padding-top上內(nèi)邊距

padding-rightyou內(nèi)邊距

padding-bottom下內(nèi)邊距

padding-left左內(nèi)邊距

注意：后面跟幾個(gè)數(shù)值表示的意思是不一樣的值得個(gè)數(shù)：表達(dá)的意思

一個(gè)數(shù)：padding上下左右邊距

兩個(gè)數(shù)：padding上下邊距

三個(gè)值：padding上邊距左右邊距下邊距

四個(gè)數(shù)：padding上下左右內(nèi)邊距

外邊距

margin屬性用國(guó)語(yǔ)設(shè)置外邊距，設(shè)置外邊距會(huì)在元素之間創(chuàng)建空白，這段空白通常不能放其他內(nèi)容

公式：margin-top上邊距

? ? ? ? ? margin-right右邊距

? ? ? ? ?? margin-bottom下外邊距

? ? ? ? ? ? margin-left上外邊距

? ? ? ? ? ? margin：上下左右外邊距（取值順序與內(nèi)邊距相同）

外邊距與盒子居中

可以讓一個(gè)盒子實(shí)現(xiàn)水平居中，需要滿足兩個(gè)條件：1.必須是塊級(jí)元素2.盒子必須制定了寬度

然后就給左右的外邊距都設(shè)為auto就可使塊級(jí)元素水平居中了（實(shí)際工作中常用這種方式加您性網(wǎng)站布局）

實(shí)例：.header{width：960px：morgin：0auto}

盒子內(nèi)的位子水平居中：text-align：cenger

盒子水平居中? 左右margin改為auto就可以了

? ? ? ? ? ? ? ? ? ? ? ? 插入圖片更改是width和height

? ? ? ? ? ? ? ? ? ? ? ? 背景圖片更改大小只能使用? background-size

????????????????????????背景圖片更改位置我們用packground-position

一般情況下背景圖片適合做一些小圖標(biāo)使用

清楚元素的默認(rèn)從內(nèi)而外邊距

為了更方便的控制網(wǎng)頁(yè)中的元素，只做網(wǎng)頁(yè)時(shí)，

可以使用如下代碼{padding：（）清楚內(nèi)邊距}

? ? ? ? ? ? ? ? ? ? ? ? ? ? {margin： ? （）清除外邊距}

注意：行內(nèi)元素是只有左右內(nèi)邊距的，是沒有上下內(nèi)外之分的

我們盡量不要給行內(nèi)元素制定上下的內(nèi)外邊距就好了

外邊距合并

使用margin定義礦元素的垂直外邊距時(shí)，可能會(huì)出現(xiàn)外邊距合并。

相鄰塊元素垂直外邊距的合并

當(dāng)上下相鄰的兩塊元素相遇時(shí)，如果上面的元素有下外邊距margin-bottom，下面的元素有上邊距margin-top則他們之間的垂直間距不足margin-bottom與margin-top之和而是兩者之間的較大值這種現(xiàn)象北城為邊距合并也稱邊距塌陷

嵌套塊狀元素垂直外邊距的合并

對(duì)兩個(gè)橋套關(guān)系的塊元素，如果子元素沒有上邊距積邊框，則父元素的上外邊距會(huì)與子元素的上外邊距發(fā)生合并，并和之后的外邊距為兩者中的較大者，即使父元素上外邊距為0，也會(huì)發(fā)生合并

解決方案：1.可以為父元素定義像素的上邊框或內(nèi)邊框

? ? ? ? ? ? ? ? ?? 2.可以為父元素添加overflow：hidden

content寬度和高度

使用款式不行width和高度屬性height可以對(duì)黑子的大小進(jìn)行控制。

外盒尺寸計(jì)算：element空間高度=content+padding+border+margin

element 空間寬度=content width+padding+border+margin

內(nèi)核尺寸計(jì)算（元素大小） =content height+padding+border（height為內(nèi)容高度）?

element width=content width+padding+border（width為內(nèi)容高度）

注意：1.寬度屬性width和高濕度屬性height僅適用于塊級(jí)元素，對(duì)行內(nèi)元素?zé)o效（img標(biāo)簽和input除外）2.計(jì)算盒子明星的總高度是，還考慮上下兩個(gè)盒子垂直外邊距合并的情況

width和height的屬性值可以為不同的單位的數(shù)值換貨相對(duì)于父元素的百分比%實(shí)際工作中最常用的像素值

大多數(shù)瀏覽器，如firefoe，IE6以及上版本都采用了w3c規(guī)范，復(fù)合css規(guī)范的盒子模型的總寬度和總高度的計(jì)算原則

盒子模型布局穩(wěn)定性

開始學(xué)習(xí)盒子模型，同學(xué)們最大的困惑就是，分不清內(nèi)外邊距的使用，什么情況下使用內(nèi)邊距，是什么時(shí)候使用外邊距

答案是：其實(shí)他們大部分情況下是可以混同的，就是說(shuō)，你用內(nèi)邊距也可以，用外邊距也可以，那個(gè)方便贏那個(gè)

休閑順序： 寬度內(nèi)邊距，外邊距

width-padding-maring