最近在看html基礎(chǔ)霎俩，好吧袭厂，寫點(diǎn)筆記剑刑，比較low見諒媳纬，反正我自己看懂就行了
CSS基礎(chǔ)
1双肤、css簡(jiǎn)介
cascading style sheets? ? 漢譯層疊樣式表,WEB標(biāo)準(zhǔn)中的表現(xiàn)標(biāo)準(zhǔn)語(yǔ)言,表現(xiàn)標(biāo)準(zhǔn)語(yǔ)言在網(wǎng)頁(yè)中主要對(duì)網(wǎng)頁(yè)信息的顯示進(jìn)行控制，簡(jiǎn)單說(shuō)就是如何修飾網(wǎng)頁(yè)信息的顯示樣式钮惠。
目前推薦遵循的是W3C發(fā)布的CSS3.0.
用來(lái)表現(xiàn)XHTML或者XML等樣式文件的計(jì)算機(jī)語(yǔ)言茅糜。
1998年5月21日由w3C正式推出的css2.0
2、樣式的建立:內(nèi)部樣式? 外部樣式? 和內(nèi)聯(lián)樣式
內(nèi)部樣式? ：
語(yǔ)法：
<style type="text/css">
/*css語(yǔ)句*/
</style>
注：使用style標(biāo)記創(chuàng)建樣式時(shí)素挽，最好將該標(biāo)記寫在<head></head>;
3蔑赘、CSS語(yǔ)法
選擇符{屬性：屬性值；屬性：屬性值预明；}
說(shuō)明：
1）每個(gè)CSS樣式由兩部分組成米死，即選擇符和聲明，聲明又分為屬性和屬性值贮庞；
2）屬性必須放在花括號(hào)中峦筒，屬性與屬性值用冒號(hào)連接。
3）每條聲明用分號(hào)結(jié)束窗慎。
4）當(dāng)一個(gè)屬性有多個(gè)屬性值的時(shí)候物喷，屬性值與屬性值不分先后順序。
5）在書寫樣式過(guò)程中遮斥，空格峦失、換行等操作不影響屬性顯示。
4术吗、外部樣式的建立及調(diào)用
a:外部樣式表的創(chuàng)建
b:外部樣式表的導(dǎo)入
*方法 一
<link rel="stylesheet" type="text/css" href="目標(biāo)文件的路徑及文件名全稱" />
說(shuō)明：使用link元素導(dǎo)入外部樣式表時(shí)尉辑，需將該元素寫在文檔頭部，即<head>與</head>之間较屿。
*方法二
<style type="text/css">
@import url(目標(biāo)文件的路徑及文件名全稱);
</style>
注：@和import之間沒(méi)有空格 url和小括號(hào)之間也沒(méi)有空格隧魄；必須結(jié)尾以分號(hào)結(jié)束；
*link和import導(dǎo)入外部樣式的區(qū)別：
差別1：老祖宗的差別：link屬于XHTML標(biāo)簽隘蝎，而@import完全是CSS提供的一種方式购啄。
link標(biāo)簽除了可以加載CSS外，還可以做很多其它的事情嘱么，比如定義RSS狮含，定義rel連接屬性等，@import就只能加載CSS曼振。
差別2：加載順序的差別：當(dāng)一個(gè)頁(yè)面被加載的時(shí)候（就是被瀏覽者瀏覽的時(shí)候）几迄，link引用的CSS會(huì)同時(shí)被加載，而@import引用的CSS 會(huì)等到頁(yè)面全部被下載完再被加載冰评。所以有時(shí)候?yàn)g覽@import加載CSS的頁(yè)面時(shí)開始會(huì)沒(méi)有樣式映胁。
差別3：兼容性的差別。：@import是CSS2.1提出的集索，所以老的瀏覽器不支持屿愚，@import只t在IE5以上的才能識(shí)別，而link標(biāo)簽無(wú)此問(wèn)題务荆。
差別4：使用dom控制樣式時(shí)的差別：當(dāng)使用javascript控制dom去改變樣式的時(shí)候妆距，只能使用link標(biāo)簽，因?yàn)锧import不是dom可以控制的.
3) 內(nèi)聯(lián)樣式表（行間樣式函匕，行內(nèi)樣式娱据，嵌入式樣式）
??語(yǔ)法：<標(biāo)簽??? style="屬性：屬性值;屬性:屬性值;"></標(biāo)簽>
4、樣式表的優(yōu)先級(jí)
內(nèi)聯(lián)樣式表的優(yōu)先級(jí)別最高
內(nèi)部樣式表與外部樣式表的優(yōu)先級(jí)和書寫的順序有關(guān)盅惜，后書寫的優(yōu)先級(jí)別高中剩。
5、CSS選擇符（選擇器）
選擇符表示要定義樣式的對(duì)象抒寂，可以是元素本身结啼，也可以是一類元素或者制定名稱的元素.
常用的選擇符有十種左右
類型選擇符，id選擇符屈芜，class選擇符郊愧，通配符，群組選擇符井佑，
包含選擇符，偽類選擇符，偽對(duì)象選擇符躬柬。
1） 元素選擇符/類型選擇符（element選擇器?????)
語(yǔ)法：元素名稱{屬性：屬性值查乒；}
說(shuō)明：
a)元素選擇符就是以文檔語(yǔ)言對(duì)象類型作為選擇符，即使用結(jié)構(gòu)中元素名稱作為選擇符盒发。例如body例嘱、div、p,img,em,strong,span......等宁舰。
b)所有的頁(yè)面元素都可以作為選擇符;
用法：
1)如果想改變某個(gè)元素得默認(rèn)樣式時(shí)蝶防，可以使用類型選擇符；
2) 當(dāng)統(tǒng)一文檔某個(gè)元素的顯示效果時(shí)明吩，可以使用類型選擇符间学；
2) id選擇器
語(yǔ)法：#id名{屬性：屬性值;}
說(shuō)明：
1）當(dāng)我們使用id選擇符時(shí)，應(yīng)該為每個(gè)元素定義一個(gè)id屬性印荔，
如：<div id="top"></div>
2）id選擇符的語(yǔ)法格式是“#”加上自定義的id名
如：#box{width:300px; height:300px;}
3)? 起名時(shí)要取英文名低葫，不能用關(guān)鍵字：(所有的標(biāo)記和屬性都是關(guān)鍵字)
如：head標(biāo)記
4）一個(gè)id名稱只能對(duì)應(yīng)文檔中一個(gè)具體的元素對(duì)象，因?yàn)閕d只能定義頁(yè)面中某一個(gè)唯一的元素對(duì)象仍律。
5)? 最大的用處：創(chuàng)建網(wǎng)頁(yè)的外圍結(jié)構(gòu)嘿悬。
3）class選擇器
語(yǔ)法：.class名{屬性：屬性值;}
說(shuō)明：
1）當(dāng)我們使用類選擇符時(shí)，應(yīng)先為每個(gè)元素定義一個(gè)類名稱水泉，
2）類選擇符的語(yǔ)法格式是："如：<div class="top"></div>"
用法：class選擇符更適合定義一類樣式善涨；
4)*通配符
語(yǔ)法：*{屬性：屬性值窒盐；}
說(shuō)明：通配選擇符的寫法是“*”，其含義就是所有元素钢拧。
用法：常用來(lái)重置樣式蟹漓。
5）群組選擇器
語(yǔ)法：選擇符1，選擇符2源内，選擇符3{屬性：屬性值;}
說(shuō)明：當(dāng)有多個(gè)選擇符應(yīng)用相同的樣式時(shí)葡粒，可以將選擇符用“，”分隔的方式膜钓，合并為一組嗽交。
****)居中：選擇符{margin:0 auto;}
6） 包含選擇器
語(yǔ)法：選擇符1? ? 選擇符2{屬性：屬性值;}
說(shuō)明：選擇符1和選擇符2用空格隔開，含義就是選擇符1中包含的所有選擇符2;
7） 偽類選擇器(偽類選擇符)
語(yǔ)法 ：
a:link{屬性：屬性值;}超鏈接的初始狀態(tài);
a:visited{屬性：屬性值;}超鏈接被訪問(wèn)后的狀態(tài);
a:hover{屬性：屬性值;}鼠標(biāo)懸停颂斜，即鼠標(biāo)劃過(guò)超鏈接時(shí)的狀態(tài);
a:active{屬性：屬性值;}超鏈接被激活時(shí)的狀態(tài)夫壁，即鼠標(biāo)按下時(shí)超鏈接的狀態(tài);
說(shuō)明：
1）當(dāng)這4個(gè)超鏈接偽類選擇符聯(lián)合使用時(shí)，應(yīng)注意他們的順序沃疮，正常順序?yàn)椋?br>
a:link,a:visited,a:hover,a:active,錯(cuò)誤的順序有時(shí)會(huì)使超鏈接的樣式失效掌唾；
2）為了簡(jiǎn)化代碼，可以把偽類選擇符中相同的聲明提出來(lái)放在a選擇符中忿磅；
例如：a{color:red;}? ? a:hover{color:green;} 表示超鏈接的三種狀態(tài)都相同糯彬，只有鼠標(biāo)劃過(guò)變顏色。?
二葱她、選擇符的權(quán)重
css中用四位數(shù)字表示權(quán)重撩扒，權(quán)重的表達(dá)方式如：0，0吨些，0搓谆，0
類型選擇符的權(quán)重為0001
class選擇符的權(quán)重為0010
id選擇符的權(quán)重為0100
子選擇符的權(quán)重為0000
屬性選擇符的權(quán)重為0010
偽類選擇符的權(quán)重為0010
偽元素選擇符的權(quán)重為0010
包含選擇符的權(quán)重：為包含選擇符的權(quán)中之和
內(nèi)聯(lián)樣式的權(quán)重為1000
繼承樣式的權(quán)重為0000
六、html的注釋
<!--******注釋內(nèi)容++++++++++====-->
css的注釋
/*-----------------注釋內(nèi)容--------------------*/
CSS基礎(chǔ)
1豪墅、css簡(jiǎn)介
cascading style sheets????漢譯層疊樣式表,WEB標(biāo)準(zhǔn)中的表現(xiàn)標(biāo)準(zhǔn)語(yǔ)言,表現(xiàn)標(biāo)準(zhǔn)語(yǔ)言在網(wǎng)頁(yè)中主要對(duì)網(wǎng)頁(yè)信息的顯示進(jìn)行控制泉手，簡(jiǎn)單說(shuō)就是如何修飾網(wǎng)頁(yè)信息的顯示樣式。
目前推薦遵循的是W3C發(fā)布的CSS3.0.
用來(lái)表現(xiàn)XHTML或者XML等樣式文件的計(jì)算機(jī)語(yǔ)言偶器。
1998年5月21日由w3C正式推出的css2.0
2斩萌、樣式的建立:內(nèi)部樣式???外部樣式??和內(nèi)聯(lián)樣式
內(nèi)部樣式??：
語(yǔ)法：
/*css語(yǔ)句*/
注：使用style標(biāo)記創(chuàng)建樣式時(shí)，最好將該標(biāo)記寫在;
3屏轰、CSS語(yǔ)法
選擇符{屬性：屬性值颊郎；屬性：屬性值；}
說(shuō)明：
1）每個(gè)CSS樣式由兩部分組成霎苗，即選擇符和聲明姆吭，聲明又分為屬性和屬性值；
2）屬性必須放在花括號(hào)中唁盏，屬性與屬性值用冒號(hào)連接内狸。
3）每條聲明用分號(hào)結(jié)束检眯。
4）當(dāng)一個(gè)屬性有多個(gè)屬性值的時(shí)候，屬性值與屬性值不分先后順序昆淡。
5）在書寫樣式過(guò)程中锰瘸，空格、換行等操作不影響屬性顯示瘪撇。
4、外部樣式的建立及調(diào)用
a:外部樣式表的創(chuàng)建
b:外部樣式表的導(dǎo)入
*方法 一
說(shuō)明：使用link元素導(dǎo)入外部樣式表時(shí)港庄，需將該元素寫在文檔頭部倔既，即與之間。
*方法二
@import url(目標(biāo)文件的路徑及文件名全稱);
注：@和import之間沒(méi)有空格 url和小括號(hào)之間也沒(méi)有空格鹏氧；必須結(jié)尾以分號(hào)結(jié)束渤涌；
*link和import導(dǎo)入外部樣式的區(qū)別：
差別1：老祖宗的差別：link屬于XHTML標(biāo)簽，而@import完全是CSS提供的一種方式把还。 link標(biāo)簽除了可以加載CSS外实蓬，還可以做很多其它的事情，比如定義RSS吊履，定義rel連接屬性等安皱，@import就只能加載CSS。
差別2：加載順序的差別：當(dāng)一個(gè)頁(yè)面被加載的時(shí)候（就是被瀏覽者瀏覽的時(shí)候）艇炎，link引用的CSS會(huì)同時(shí)被加載酌伊，而@import引用的CSS 會(huì)等到頁(yè)面全部被下載完再被加載。所以有時(shí)候?yàn)g覽@import加載CSS的頁(yè)面時(shí)開始會(huì)沒(méi)有樣式缀踪。
差別3：兼容性的差別居砖。：@import是CSS2.1提出的，所以老的瀏覽器不支持驴娃，@import只t在IE5以上的才能識(shí)別奏候，而link標(biāo)簽無(wú)此問(wèn)題。
差別4：使用dom控制樣式時(shí)的差別：當(dāng)使用javascript控制dom去改變樣式的時(shí)候唇敞，只能使用link標(biāo)簽蔗草，因?yàn)锧import不是dom可以控制的.
3) 內(nèi)聯(lián)樣式表（行間樣式，行內(nèi)樣式疆柔，嵌入式樣式）
語(yǔ)法：<標(biāo)簽??? style="屬性：屬性值;屬性:屬性值;">
4蕉世、樣式表的優(yōu)先級(jí)
內(nèi)聯(lián)樣式表的優(yōu)先級(jí)別最高
內(nèi)部樣式表與外部樣式表的優(yōu)先級(jí)和書寫的順序有關(guān)，后書寫的優(yōu)先級(jí)別高婆硬。
5狠轻、CSS選擇符（選擇器）
選擇符表示要定義樣式的對(duì)象，可以是元素本身彬犯，也可以是一類元素或者制定名稱的元素.
常用的選擇符有十種左右
類型選擇符向楼，id選擇符查吊，class選擇符，通配符湖蜕，群組選擇符逻卖，
包含選擇符，偽類選擇符昭抒，偽對(duì)象選擇符评也。
1）元素選擇符/類型選擇符（element選擇器 )
語(yǔ)法：元素名稱{屬性：屬性值；}
說(shuō)明：
a)元素選擇符就是以文檔語(yǔ)言對(duì)象類型作為選擇符灭返，即使用結(jié)構(gòu)中元素名稱作為選擇符盗迟。例如body、div熙含、p,img,em,strong,span......等罚缕。
b)所有的頁(yè)面元素都可以作為選擇符;
用法：
1)如果想改變某個(gè)元素得默認(rèn)樣式時(shí)，可以使用類型選擇符怎静；
2) 當(dāng)統(tǒng)一文檔某個(gè)元素的顯示效果時(shí)邮弹，可以使用類型選擇符；
2) id選擇器
語(yǔ)法：#id名{屬性：屬性值;}
說(shuō)明：
1）當(dāng)我們使用id選擇符時(shí)蚓聘，應(yīng)該為每個(gè)元素定義一個(gè)id屬性腌乡，
如：
2）id選擇符的語(yǔ)法格式是“#”加上自定義的id名
如：#box{width:300px; height:300px;}
3)??起名時(shí)要取英文名，不能用關(guān)鍵字：(所有的標(biāo)記和屬性都是關(guān)鍵字)
如：head標(biāo)記
4）一個(gè)id名稱只能對(duì)應(yīng)文檔中一個(gè)具體的元素對(duì)象夜牡，因?yàn)閕d只能定義頁(yè)面中某一個(gè)唯一的元素對(duì)象导饲。
5)???最大的用處：創(chuàng)建網(wǎng)頁(yè)的外圍結(jié)構(gòu)。
3）class選擇器
語(yǔ)法：.class名{屬性：屬性值;}
說(shuō)明：
1）當(dāng)我們使用類選擇符時(shí)氯材，應(yīng)先為每個(gè)元素定義一個(gè)類名稱渣锦，
2）類選擇符的語(yǔ)法格式是："如：
"
用法：class選擇符更適合定義一類樣式；
4)*通配符
語(yǔ)法：*{屬性：屬性值氢哮；}
說(shuō)明：通配選擇符的寫法是“*”袋毙，其含義就是所有元素。
用法：常用來(lái)重置樣式冗尤。
5）群組選擇器
語(yǔ)法：選擇符1听盖，選擇符2，選擇符3{屬性：屬性值;}
說(shuō)明：當(dāng)有多個(gè)選擇符應(yīng)用相同的樣式時(shí)裂七，可以將選擇符用“皆看，”分隔的方式，合并為一組背零。
****)居中：選擇符{margin:0 auto;}
6） 包含選擇器
語(yǔ)法：選擇符1????選擇符2{屬性：屬性值;}
說(shuō)明：選擇符1和選擇符2用空格隔開腰吟，含義就是選擇符1中包含的所有選擇符2;
7） 偽類選擇器(偽類選擇符)
語(yǔ)法 ：
a:link{屬性：屬性值;}超鏈接的初始狀態(tài);
a:visited{屬性：屬性值;}超鏈接被訪問(wèn)后的狀態(tài);
a:hover{屬性：屬性值;}鼠標(biāo)懸停，即鼠標(biāo)劃過(guò)超鏈接時(shí)的狀態(tài);
a:active{屬性：屬性值;}超鏈接被激活時(shí)的狀態(tài)，即鼠標(biāo)按下時(shí)超鏈接的狀態(tài);
說(shuō)明：
1）當(dāng)這4個(gè)超鏈接偽類選擇符聯(lián)合使用時(shí)毛雇，應(yīng)注意他們的順序嫉称，正常順序?yàn)椋?/p>
a:link,a:visited,a:hover,a:active,錯(cuò)誤的順序有時(shí)會(huì)使超鏈接的樣式失效；
2）為了簡(jiǎn)化代碼灵疮，可以把偽類選擇符中相同的聲明提出來(lái)放在a選擇符中织阅；
例如：a{color:red;}?????a:hover{color:green;} 表示超鏈接的三種狀態(tài)都相同，只有鼠標(biāo)劃過(guò)變顏色震捣。
二荔棉、選擇符的權(quán)重
css中用四位數(shù)字表示權(quán)重，權(quán)重的表達(dá)方式如：0蒿赢，0润樱，0，0
類型選擇符的權(quán)重為0001
class選擇符的權(quán)重為0010
id選擇符的權(quán)重為0100
子選擇符的權(quán)重為0000
屬性選擇符的權(quán)重為0010
偽類選擇符的權(quán)重為0010
偽元素選擇符的權(quán)重為0010
包含選擇符的權(quán)重：為包含選擇符的權(quán)中之和
內(nèi)聯(lián)樣式的權(quán)重為1000
繼承樣式的權(quán)重為0000
CSS核心屬性
一诉植、CSS屬性組成和作用
屬性：屬性是指定選擇符所具有的屬性祥国，它是css的核心昵观，css2共有150多個(gè)屬性
屬性值：屬性值包括法定屬性值及常見的數(shù)值加單位晾腔，如25px，或顏色值等啊犬。
二灼擂、CSS核心屬性
1、文本大芯踔痢：{font-size:12px/14px;}
說(shuō)明：
1）屬性值為數(shù)值型時(shí)剔应，必須給屬性值加單位，屬性值為0時(shí)除外语御。
2）單位還可以是pt峻贮，9pt=12px;
3）為了減小系統(tǒng)間的字體顯示差異，IE Netscape Mozilla的瀏覽器制作商于1999年召開會(huì)議应闯，共同確定16px/ppi為標(biāo)準(zhǔn)字體大小默認(rèn)值,即1em.默認(rèn)情況下纤控，1em=16px,0.75em=12px;
4)使用絕對(duì)大小關(guān)鍵字
xx-small???=9px
x-small????=11px
small??????=13px
medium?????=16px
large??????=19px
x-large????=23px
xx-large???=27px
2、文本顏色：{color:顏色值;}
說(shuō)明：
用十六進(jìn)制表示顏色值：
0??1??2??3??4???5??6??7??8??9
0??1??2??3??4???5??6??7??8??9??A??B??C??D??E??F
顏色模式：光色模式
R??????G??????B
FF??????00?????00
顏色值的縮寫：
當(dāng)表示三原色的三組數(shù)字同時(shí)相同時(shí)碉纺，可以縮寫為三位;
當(dāng)用十六進(jìn)制表示顏色值時(shí)船万，需要在顏色值前加“#”
3、文本字體：{font-family:"字體1","字體2";}
說(shuō)明：
*當(dāng)字體是中文字體時(shí)需加引號(hào)骨田；
*當(dāng)英文字體中有空格時(shí)需加引號(hào)如“Times New Roman”耿导；
Windows中文版本操作系統(tǒng)下，中文默認(rèn)字體為宋體或者新宋體态贤，英文字體默認(rèn)為Arial.
*文字屬性簡(jiǎn)寫：font:12px/1.5em "宋體";
font屬性的簡(jiǎn)寫：
說(shuō)明:font的屬性值應(yīng)按以下次序書寫(各個(gè)屬性之間用空格隔開)
順序: font-style | font-weight | font-size / line-height | font-family
(1)簡(jiǎn)寫時(shí) , font-size和line-height只能通過(guò)斜杠/組成一個(gè)值舱呻，不能分開寫。
(2) 順序不能改變 ,這種簡(jiǎn)寫法只有在同時(shí)指定font-size和font-family屬性時(shí)才起作用,而且,你沒(méi)有設(shè)定font-weight , font-style , 他們會(huì)使用缺省值悠汽。
4狮荔、加粗：{font-weight:bolder/bold/normal/100-900;}
說(shuō)明：
1）在css規(guī)范中把字體的粗細(xì)分為9個(gè)等級(jí)胎撇，分別從100-900，其中100對(duì)應(yīng)最輕的字體變形殖氏，而900對(duì)應(yīng)最重的字體變形晚树。
100-500常規(guī)字體
600-900加粗字體
5、傾斜：{font-style:normal/italic/oblique;}
說(shuō)明：
1）italic和oblique都表示傾斜雅采，不過(guò)oblique的幅度要大一點(diǎn)爵憎。但一般瀏覽器對(duì)它們的區(qū)分不是很明顯。
6婚瓜、水平對(duì)齊方式{text-align:left/right/center/justify（兩端對(duì)齊中文不起作用）;}
7宝鼓、垂直對(duì)齊方式{vertical-align:top/bottom/middle;}
8、行高{line-height:normal/數(shù)值;}
說(shuō)明：
1）當(dāng)單行文本的行高等于容器高時(shí)巴刻，可實(shí)現(xiàn)單行文本在容器中垂直方向居中對(duì)齊愚铡；
2)???當(dāng)單行文本的行高小于容器高時(shí)，可實(shí)現(xiàn)單行文本在容器中垂直中齊以上任意位置的定位胡陪；
3)???當(dāng)單行文本的行高大于容器高時(shí)沥寥，可實(shí)現(xiàn)單行文本在容器中垂直中齊以下任意位置的定位。（IE6及以下版本存在瀏覽器兼容問(wèn)題）
9柠座、列表的樣式
定義列表符號(hào)樣式：
*list-style-type:disc(實(shí)心圓)/circle（空心圓）/square(實(shí)心方塊?)none(去掉列表符號(hào))邑雅；
*使用圖片作為列表符號(hào)：list-style-image:url(所使用圖片的路徑及全稱);
*定義列表符號(hào)位置：list-style-position:outside/inside;
list-style:none;去掉列表符號(hào)
10、文本修飾：text-decoration:none/underline/overline/line-through/blink.(高版本瀏覽器不支持blink屬性)
說(shuō)明：
none:沒(méi)有修飾
underline:添加下劃線
overline:添加上劃線
line-through:添加刪除線
blink：閃爍
11妈经、border:3px solid red;
邊框border:線型（solid/dashed/dotted/double）?? 粗細(xì)（數(shù)值+單位） 顏色;
右邊框border-right:線形（solid/dashed/dotted/double）???? 粗細(xì)（數(shù)值+單位）???????? 顏色;
左邊框 border-left:線形（solid/dashed/dotted/double）???? 粗細(xì)（數(shù)值+單位）???????? 顏色;
上邊框?border-top:線形（solid/dashed/dotted/double）???? 粗細(xì)（數(shù)值+單位）???????? 顏色;
下邊框 border-bottom:線形（solid/dashed/dotted/double）???? 粗細(xì)（數(shù)值+單位）???????? 顏色;
solid:實(shí)線淮野，dashed:虛線，dotted:點(diǎn)狀線吹泡，double:雙線骤星，
12、首行縮進(jìn)：{text-indent:value;}
說(shuō)明：
1）text-indent可以取負(fù)值爆哑；
2）text-indent屬性只對(duì)第一行起作用洞难。
13、字間距{letter-spacing:value;}控制英文字母和漢字的字距泪漂。
14廊营、詞間距{word-spacing:value;}控制英文單詞詞距。
15萝勤、文本流控制{layout-flow:horizontal/vertical-ideographic;}
說(shuō)明：
1）horizontal:自左向右
2）vertical-ideographic:自上而下
16露筒、關(guān)于背景的屬性、
1）背景顏色
語(yǔ)法：選擇符{background-color:顏色值;}
2）背景圖片的設(shè)置
語(yǔ)法：background-image:url(背景圖片的路徑及全稱);
插入圖片：屬于網(wǎng)頁(yè)內(nèi)容敌卓，也就是結(jié)構(gòu)慎式。
背景圖：屬于網(wǎng)頁(yè)的表現(xiàn)，背景圖上可以顯示文字、插入圖片瘪吏、表格等癣防。
3）背景圖片的顯示原則
1）容器尺寸等于圖片尺寸，背景圖片正好顯示在容器中;
2）容器尺寸大于圖片尺寸掌眠，背景圖片將默認(rèn)平鋪蕾盯，直至鋪滿元素；
3）容器尺寸小于圖片尺寸蓝丙，只顯示元素范圍以內(nèi)的背景圖级遭。
*背景圖片平鋪屬性
語(yǔ)法：選擇符{background-repeat:no-repeat/repeat/repeat-x/repeat-y }
no-repeat:不平鋪
repeat：平鋪
repeat-x：橫向平鋪
repeat-y ：縱向平鋪
5）背景圖的固定
語(yǔ)法：選擇符{background-attachment:scroll(滾動(dòng))/fixed(固定);}
6）背景圖片的位置
語(yǔ)法：選擇符{background-position:left/center/right/數(shù)值?????top/center/bottom/數(shù)值;}
水平方向上的對(duì)齊方式（left/center/right）或值????垂直方向上的對(duì)齊方式(top/center/bottom)或值
background-position:值1????值2;
兩個(gè)值 ：第一個(gè)值表示水平位置的值，第二個(gè)值：表示垂直的位置渺尘。
當(dāng)兩個(gè)值都是center的時(shí)候?qū)懸粋€(gè)值就可以代表的是水平位置和垂直位置挫鸽。
說(shuō)明：向右方向，向下方向是負(fù)值
7）各屬性的縮寫
語(yǔ)法：選擇符{background：屬性值1???屬性值2???屬性值3;}
8）網(wǎng)頁(yè)上常用的圖片格式
1)jpg:有損壓縮格式鸥跟，靠損失圖片本身的質(zhì)量來(lái)減小圖片的體積丢郊，適用于顏色豐富的圖像;(像素點(diǎn)組成的，像素點(diǎn)越多會(huì)越清晰 )
2）gif：有損壓縮格式医咨，靠損失圖片的色彩數(shù)量來(lái)減小圖片的體積枫匾，支持透明，支持動(dòng)畫腋逆，適用于顏色數(shù)量較少的圖像;
3)png:有損壓縮格式婿牍，損失圖片的色彩數(shù)量來(lái)減小圖片的體積侈贷，支持透明惩歉，不支持動(dòng)畫，是fireworks的 源文件格式俏蛮，適用于顏色數(shù)量較少的圖像;
17撑蚌、浮動(dòng)屬性：
語(yǔ)法：float:none/left/right;
