Dreamweaver教程 第8講 CSS樣式表基礎(chǔ)ppt課件

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

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

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