資源描述：
《4.4 CSS樣式表》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。
1、4.4CSS樣式表運用學(xué)習(xí)目標(biāo)理解CSS樣式表對網(wǎng)頁布局的作用掌握CSS樣式表的運用方法樣式表設(shè)計樣式表定義及引用相關(guān)的標(biāo)記和屬性樣式的繼承和作用順序CSS屬性CSS濾鏡一、樣式表定義及引用CSS，CascadingStyleSheets，層疊樣式表，是W3C協(xié)會為彌補HTML在顯示屬性設(shè)定上的不足而制定的一套擴(kuò)展樣式標(biāo)準(zhǔn)。CSS標(biāo)準(zhǔn)中重新定義了HTML中原來的文字顯示樣式，并增加了類、層等新概念，可以對文字重疊、定位等，提供了更為豐富多彩的樣式；同時CSS可進(jìn)行集中樣式管理。CSS還允許將樣式定義單獨
2、存儲于樣式文件中，這樣可以把顯示的內(nèi)容和顯示樣式定義分離，便于多個HTML文件共享樣式定義。一個HTML文件也可以引用多個CSS樣式文件中的樣式定義。所謂"層疊"，實際上就是將顯示樣式獨立于顯示的內(nèi)容，進(jìn)行分類管理，例如分為字體樣式、顏色樣式等，需要使用樣式的HTML文件進(jìn)行套用即可。1.樣式表定義CSS樣式表定義的基本語法為：選擇符（Selector）{規(guī)則（Rule）表}選擇符是指要引用樣式的對象，它可以是一個或多個HTML標(biāo)記（各個標(biāo)記之間以逗號分開），如h1；也可以是類選擇符（如.text）、I
3、D選擇符或上下文選擇符。規(guī)則表是由一個或多個樣式屬性組成的樣式規(guī)則，各個樣式屬性間由分號隔開，每個樣式屬性的定義格式為： 樣式名：值樣式定義中可以加入注解，格式為：/*字符串*/【例】使用CSS控制文字顯示特性2.樣式引用（1）鏈接到外部樣式表將樣式表定義為一個獨立的CSS樣式文件；使用該樣式表的HTML文件在頭部用標(biāo)記鏈接到CSS樣式文件?！纠?Go>在HTML文件頭部使用多個標(biāo)記就可以鏈接到多個外部樣式表。標(biāo)記之間，利用CSS的@import聲明引入外部樣式表
5、。格式為：例如 引入方式：引入外部樣式表的使用方式鏈接方式：鏈接到外部樣式表的使用方式引入方式與鏈接方式的區(qū)別：引入方式在瀏覽器下載HTML文件時就將樣式文件的全部內(nèi)容拷貝到@import關(guān)鍵字所在位置，以替
6、換該關(guān)鍵字。鏈接方式在瀏覽器下載HTML文件時并不進(jìn)行替換，而僅在HTML文件體部需引用CSS樣式文件中的某個樣式時，瀏覽器才鏈接樣式文件，讀取需要的內(nèi)容。（3）嵌入樣式表利用
|
