- 1.1 什么是CSS 教程
- 1.2 課前準(zhǔn)備 教程
- 1.3 HTMLCSS 教程
- 1.4 CSS規(guī)則解析 教程
- 1.5 寫(xiě)1stCSS規(guī)則 教程
- 1.6 嵌入式樣式表 教程
- 1.7 鏈接式樣式表 教程
- 1.8 引入式樣式表 教程
- 2.1 類(lèi)別選擇符 1 教程
- 2.2 類(lèi)別選擇符 2 教程
- 2.3 id選擇符 1 教程
- 2.4 id選擇符 2 教程
- 2.5 群選擇符 1 教程
- 2.6 群選擇符 2 教程
- 2.7 顏色 1 教程
- 2.8 顏色 2 教程
- 2.9 背景顏色 教程
- 2.10 布局4屬性 教程
- 2.11 邊框 1 教程
- 2.12 邊框 2 教程
- 2.13 邊界距 教程
- 2.14 填充 教程
- 2.15 背景圖片 1 教程
- 2.16 背景圖片 2 教程
- 2.17 背景重復(fù) 1 教程
- 2.18 背景重復(fù) 2 教程
- 2.19 背景附著 2 教程
- 2.20 背景定位 教程
- 2.21 字體屬性 教程
- 2.22 字體風(fēng)格 教程
- 2.23 字體粗細(xì) 教程
- 2.24 字體大小 教程
- 2.25 行間距 教程
- 2.26 字體變量 教程
- 2.27 文本縮進(jìn) 教程
- 2.28 文本對(duì)齊 教程
- 2.29 文本裝飾 教程
- 2.30 文本變形 教程
- 2.31 鏈接 1 教程
- 2.32 鏈接 2 教程
- 3.1 文檔2的使用 教程
- 3.2 頂部風(fēng)格 1 教程
- 3.3 頂部風(fēng)格 2 教程
- 3.4 頂部風(fēng)格 3 教程
- 3.5 正文部分 1 教程
- 3.6 正文部分 2 教程
- 3.7 側(cè)邊欄 1 教程
- 3.8 側(cè)邊欄 2 教程
- 3.9 側(cè)邊欄 3 教程
- 3.10 側(cè)邊欄 4 教程
- 3.11 底部風(fēng)格 教程
- 4.1 沖突與規(guī)則來(lái)源次序 1 教程
- 4.2 沖突與規(guī)則來(lái)源次序 2 教程
- 4.3 沖突與!important 教程
- 4.4 沖突與具體性比較 1 教程
- 4.5 沖突與具體性比較 2 教程
- 4.6 沖突與具體性比較 3 教程
- 4.7 沖突與具體性比較 4 教程
- 4.8 沖突與具體性比較 5 教程
- 4.9 開(kāi)發(fā)工具條 教程
- 4.10 CSS與媒體 教程
- 4.11 最后一節(jié) 教程
這是一套非常好的css高清視頻教學(xué)課程
級(jí)聯(lián)樣式表(Cascading Style Sheet)簡(jiǎn)稱(chēng)“CSS”,通常又稱(chēng)為“風(fēng)格樣式表(Style Sheet)”,它是用來(lái)進(jìn)行網(wǎng)頁(yè)風(fēng)格設(shè)計(jì)的。比如,如果想讓鏈接字未點(diǎn)擊時(shí)是藍(lán)色的,當(dāng)鼠標(biāo)移上去后字變成紅色的且有下劃線(xiàn),這就是一種風(fēng)格。通過(guò)設(shè)立樣式表,可以統(tǒng)一地控制HTML中各標(biāo)志的顯示屬性。級(jí)聯(lián)樣式表可以使人更能有效地控制網(wǎng)頁(yè)外觀。使用級(jí)聯(lián)樣式表,可以擴(kuò)充精確指定網(wǎng)頁(yè)元素位置,外觀以及創(chuàng)建特殊效果的能力。
CSS是英語(yǔ)Cascading Style Sheets(層疊樣式表單)的縮寫(xiě),它是一種用來(lái)表現(xiàn)HTML或 XML 等文件樣式的計(jì)算機(jī)語(yǔ)言。 CSS目前最新版本為CSS3,能夠真正做到網(wǎng)頁(yè)表現(xiàn)與內(nèi)容分離的一種樣式設(shè)計(jì)語(yǔ)言。相對(duì)于傳統(tǒng)HTML的表現(xiàn)而言,CSS能夠?qū)W(wǎng)頁(yè)中的對(duì)象的位置排版進(jìn)行像素級(jí)的精確控制,支持幾乎所有的字體字號(hào)樣式,擁有對(duì)網(wǎng)頁(yè)對(duì)象盒模型的能力,并能夠進(jìn)行初步交互設(shè)計(jì),是目前基于文本展示最優(yōu)秀的表現(xiàn)設(shè)計(jì)語(yǔ)言。
現(xiàn)在創(chuàng)建和編輯css更加常用的是Adobe Dreamweaver[1]系列軟件,可視化編輯更利于web工程師快速的創(chuàng)建和編輯css,新版本CS5.0、CS5.5、CS6,包含Adobe BrowserLab[2],用于針對(duì)多種瀏覽器測(cè)試css的兼容性。Adobe Dreamweaver是一個(gè)css創(chuàng)建和編輯必不可少的利器! FrontPage 2000 包含有能用來(lái)為站點(diǎn)創(chuàng)建外部樣式表的模板。可以用空白模板或已包含樣式的模板來(lái)創(chuàng)建(例如 Arcs)。當(dāng)保存樣式表時(shí), FrontPage 會(huì)以 . css 作為文件擴(kuò)展名。要編輯樣式表,請(qǐng)雙擊文件夾列表中的樣式表。 當(dāng)創(chuàng)建或修改網(wǎng)頁(yè)樣式時(shí),可使用位于 “格式” 菜單的 “樣式” 命令,F(xiàn)rontPage 會(huì)自動(dòng)創(chuàng)建嵌入的樣式表(如果原先不存在),并在嵌入的樣式表內(nèi)將此樣式保存為類(lèi)選擇器。 可以使用 “樣式” 對(duì)話(huà)框來(lái)創(chuàng)建新類(lèi)選擇器,修改或刪除現(xiàn)有類(lèi)選擇器,或?qū)?CSS 格式設(shè)置屬性應(yīng)用到標(biāo)準(zhǔn) HTML 標(biāo)記符上例如
。當(dāng)單擊 “確定” 關(guān)閉對(duì)話(huà)框時(shí),F(xiàn)rontPage 會(huì)將格式設(shè)置特征寫(xiě)回到使用正確語(yǔ)法的外部或嵌入的樣式表中。或者,可以用正確 CSS 語(yǔ)法鍵入樣式信息。要鍵入嵌入的樣式表的樣式信息,請(qǐng)單擊網(wǎng)頁(yè)視圖模式下的 “HTML” 選項(xiàng)卡。 如果對(duì)應(yīng)用到站點(diǎn)的主題選擇 “應(yīng)用 CSS ” 復(fù)選框,F(xiàn)rontPage 將在站點(diǎn)的根目錄下創(chuàng)建名為 Theme 1 .css 的文件,其中 Theme 是主題的名稱(chēng)。如果修改主題,F(xiàn)rontPage 自動(dòng)將更改寫(xiě)回主題 CSS 里。也可以通過(guò)直接編輯主題 CSS 來(lái)修改主題。
