DIV+CSS課件.ppt

3、純粹是應(yīng)用樣式，當(dāng)其他行內(nèi)元素都不合適時，可以使用SPAN。Css的概念CSS:CascadingStyleSheets層疊式樣式表HTML語言并不是真正的版面語言，它只是標(biāo)記語言，意圖把文檔的不同部分通過它們的功能作用進(jìn)行分類，但并不指出這些元素如何在計算機(jī)屏幕上顯示。CSS則提供對文檔外觀的更好更全面的控制，而且不干擾文檔的內(nèi)容。CSS基本語句的結(jié)構(gòu)：HTML選擇符{屬性1：值1；屬性2：值2；屬性n：值n；}選擇符是要對它應(yīng)用說明的HTML元素名稱；屬性就是能夠被CSS影響的瀏覽器行為，如字體、背景、邊界等；值就是可以為屬性設(shè)置的任何選項，如“楷體”，“red”等。如：p

4、{font-size:12pt；color:blue}盒子模型每個HTML元素都可以看作一個裝了東西的盒子，盒子具有寬度（width）和高度（height），盒子里面的內(nèi)容到盒子的邊框之間的距離即填充（padding），盒子本身有邊框（border），而盒子邊框外和其他盒子之間，還有邊界（margin）。邊緣margin（邊界）(margin-top、margin-right、margin-bottom、margin-left)：外邊距順序依次是上、右、下、左例如，{margin:2em4em}、{margin-left:-200px}padding（填充）(padding-t

5、op、padding-right、padding-bottom、padding-left)：內(nèi)邊距指文本邊框與文本之間的距離，順序依次是上、右、下、左布局中的主要樣式fontline-heightcolormarginpaddingbordertext-alignbackgroundwidth:heightfloat:cleardisplay如何在網(wǎng)頁中應(yīng)用css1.行內(nèi)套用（兩種）如：1）2）直接寫在標(biāo)簽內(nèi)

6、;font-weight:bold;font-size:24px">2.外部連接套用如：如何在網(wǎng)頁中應(yīng)用css3.匯入套用（匯入的做法為利用@import這個指令）使用@import導(dǎo)入，語法：

7、ad>內(nèi)嵌樣式的選擇器根據(jù)選擇器的不同，內(nèi)嵌樣式又分為：HTML選擇器CLASS類選擇器ID選擇器虛類和虛元素selector{property1:value1;property2:value2;…}需要應(yīng)用的樣式的內(nèi)容樣式的屬性樣式的屬性的值HTML選擇器P{/*設(shè)置樣式：字體和背景色*/font-family:System;font-size:18px;color:#3333CC;}H2{background-color:#CCFF