1、使用HTML語(yǔ)言開(kāi)發(fā)商業(yè)站點(diǎn),主講老師：劉婷婷,CSS,CSS是Cascading Style Sheets（層疊樣式表）的縮寫(xiě)。 CSS是W3C定義和維護(hù)的標(biāo)準(zhǔn)，一種用來(lái)為結(jié)構(gòu)化文檔（如HTML文檔或XML應(yīng)用）添加樣式的可編程規(guī)范。 目前最新版本是CSS 2.1。,CSS,可以用CSS做什么？ CSS是一種樣式表語(yǔ)言，用于為HTML文檔定義布局。例如，CSS涉及字體、顏色、邊距、高度、寬度、背景圖像、高級(jí)定位等方面。 CSS跟HTML的區(qū)別在哪里？ HTML用于結(jié)構(gòu)化內(nèi)容；CSS用于格式化結(jié)構(gòu)化的內(nèi)容。,采用CSS有哪些好處？,內(nèi)容與表現(xiàn)分離。 可以使網(wǎng)頁(yè)的表現(xiàn)統(tǒng)一，并且容易修改。 CSS

2、可以為不同設(shè)備定制不同的規(guī)則，比如手機(jī)、PDA、打印機(jī)等。 使用CSS可以減少網(wǎng)頁(yè)的代碼量。,在HTML引入CSS的方法,外聯(lián)式樣式表 內(nèi)嵌樣式表 元素內(nèi)定 導(dǎo)入樣式表,外聯(lián)式樣式表,外聯(lián)式樣式表 外聯(lián)樣式表是用記事本或類(lèi)似的文本編輯器創(chuàng)建的文本文檔，并用擴(kuò)展名.css保存的文件。 將外聯(lián)樣式表與HTML頁(yè)面鏈接，需要向HTML文檔的頭部增加一個(gè)link元素。如下所示： 網(wǎng)頁(yè)標(biāo)題 rel是指鏈接文件與html文件的關(guān)系。樣式表類(lèi)型是type/css。目前，text/css是唯一一種樣式類(lèi)型，但將來(lái)可能會(huì)有其他類(lèi)型。href是樣式表文件的URL。,內(nèi)嵌樣式,內(nèi)嵌樣式 內(nèi)嵌樣式（也稱嵌入式樣式）是

3、指把樣式放入HTML文檔的頭部。 內(nèi)嵌樣式僅僅作用于其所在的文檔。 網(wǎng)頁(yè)標(biāo)題 p font-family: 黑體; ,元素內(nèi)定樣式,元素內(nèi)定樣式（inline style） 元素內(nèi)定樣式是把樣式嵌入在行中的樣式。在HTML中內(nèi)聯(lián)樣式是被樣式化元素的屬性。 這是一個(gè)段落 元素內(nèi)定樣式僅僅作用于所對(duì)應(yīng)的元素。 問(wèn)題： 這是一個(gè)段落 這是一個(gè)段落 這兩種方式的實(shí)現(xiàn)效果是否相同？ 這兩種方式有何不同？,導(dǎo)入樣式表,導(dǎo)入樣式表與導(dǎo)入外聯(lián)樣式表的方式相似，也是將外部定義好的CSS文件引入到網(wǎng)頁(yè)中，從而在網(wǎng)頁(yè)中進(jìn)行應(yīng)用。但是導(dǎo)入的CSS使用import在內(nèi)嵌樣式表中導(dǎo)入，導(dǎo)入方式可以與其他方式進(jìn)行結(jié)合。,內(nèi)

4、嵌樣式- 選擇器,根據(jù)選擇器的不同，內(nèi)嵌樣式又分為： 元素選擇器 CLASS 類(lèi)選擇器 ID 選擇器,元素選擇器,元素,元素選擇器： body background-color: #efefef; p font-size: 12px; h1 color: red; font-size: 12px; div align: center body，p，h1，div都是HTML標(biāo)記元素。以標(biāo)記元素名稱命名的選擇符稱為元素選擇符。,CLASS 類(lèi)選擇器,.class,ID 選擇器,#id,DIV,關(guān)鍵代碼 Z-index=1，我是第一層，我是容器，包含圖片段落 Z-index=2，我是第二層，包含圖片和段落 ,使用 Z index指定是哪一層,是塊級(jí)容器標(biāo)簽，可以包含圖片、標(biāo)題、段落、文字等,圖片,段落,top,left,SPAN, 所有韓款童裝10元/件起拍嘍 ,是行級(jí)容器標(biāo)簽，不可以包含圖片、標(biāo)題、段落等，只能包含文字內(nèi)容,和都是容器標(biāo)簽，是