Dreamweaver教程 講 CSS樣式表基礎(chǔ)

1、CSS樣式表基礎(chǔ)第8講 掌握CSS樣式的創(chuàng)建及類型 掌握CSS樣式的應(yīng)用目的要求 CSS樣式的概念及類型 CSS樣式的設(shè)置 CSS樣式的應(yīng)用主要內(nèi)容 CSS是Cascading Style Sheets(層疊樣式表單)的簡稱。利用它可以對布局、字體、顏色、背景和其它文圖效果實現(xiàn)更加精確的控制。而且它不僅可以控制當(dāng)前文檔的格式，還可以控制多個文檔的格式。任務(wù)一、CSS的概述任務(wù)二、創(chuàng)建樣式表 類(Class)：自定義樣式 注：名稱必須以句點開頭，包含任何字母和數(shù)字組合。如 .style1。如果沒有輸入句點，Dreamweaver 將自動為您輸入。應(yīng)用：在對應(yīng)標(biāo)記中設(shè)置 class=“樣式名”。

2、標(biāo)簽：重新定義HTML標(biāo)記的格式。注：定義了某個標(biāo)記，那么，以后只要使用了這個標(biāo)簽就都自動應(yīng)用這個樣式。 高級（選擇器）：可為特殊的標(biāo)記組合或含有ID屬性的所有標(biāo)記定義格式。 注：以“”，任意字母和數(shù)字的組合。 動態(tài)鏈接的4種狀態(tài)： a:link、a:visited、a:hover和a:active。（正確的順序是LVHA）應(yīng)用：在對應(yīng)標(biāo)記中設(shè)置 id=“樣式名”。1、背景 我們可以用CSS設(shè)置文字背景、表格背景圖、頁面中靜止的背景圖片效果2、區(qū)塊 主要用來設(shè)置對象文本的文字間距、對齊方式、上標(biāo)、下標(biāo)、排列方式、首行縮進3、盒子 可以設(shè)置對象的邊界、間距、高度、寬度和漂浮方式4、邊框 定義頁面

3、中各種邊框的樣式任務(wù)三、 CSS的應(yīng)用5、列表 定義列表項樣式、列表項圖片和位置。6、定位 它的作用是將對象放在一個層里來定位，它相當(dāng)HTML中DIV標(biāo)記。所以，我們可以用它來設(shè)置圖片的相對和絕對路徑。7、擴展 本參數(shù)可以方便的設(shè)置頁面打印效果、鼠標(biāo)指針及CSS特效。為了使樣式應(yīng)用在每一個頁面中，我們應(yīng)用外部樣式表，定義一個CSS樣式文件。附加樣式表： Link（鏈接）：只讀入樣式表中的信息，無須將信息轉(zhuǎn)錄到當(dāng)前文檔中 Import（導(dǎo)入）：將外部CSS樣式表中的信息轉(zhuǎn)錄到當(dāng)前文檔中。任務(wù)四、外部樣式表任務(wù)五、實例講解結(jié)合CSS制作“幽幽天空”首頁面 如果兩個樣式同時應(yīng)用到同一文本中，則瀏覽器將顯示兩個樣式中的所有屬性，除非兩個樣式表中有沖突的屬性設(shè)置。 如果應(yīng)用到文本中的屬性發(fā)生了沖突，則瀏覽器將顯示一個最接近文本原始屬性的樣式。 若有最直接的屬性沖突，則來自CSS樣式表的屬性將優(yōu)先于來自HTML標(biāo)簽的屬性而首先被應(yīng)用。任務(wù)六、應(yīng)用樣式表時遵循的規(guī)律通過本講的學(xué)習(xí)，