css學(xué)習(xí)全集

1、1在學(xué)在學(xué)CSS之前之前學(xué)習(xí)CSS之前，首先應(yīng)學(xué)會(huì)寫(xiě)HTML。如果你對(duì)HTML還一無(wú)所知，請(qǐng)參見(jiàn)HTML教程。CSS(CadingStyleSheets)簡(jiǎn)介簡(jiǎn)介當(dāng)初一幫技術(shù)人員想出HTML，主要側(cè)重于定義內(nèi)容，比如表示一個(gè)段落，表示標(biāo)題，而并沒(méi)有過(guò)多設(shè)計(jì)HTML的排版和界面效果。隨著Inter的迅猛發(fā)展，HTML被廣泛應(yīng)用，上網(wǎng)的人們當(dāng)然希望網(wǎng)頁(yè)做得漂亮些，因此HTML排版和界面效果的局限性日益暴露出來(lái)。為了解決這個(gè)問(wèn)題，人們也走了不

2、少?gòu)澛?，用了一些不好的方法，比如給HTML增加很多的屬性結(jié)果將代碼變得很臃腫，將文本變成圖片，過(guò)多利用Table來(lái)排版，用空白的圖片表示白色的空間等。直到CSS出現(xiàn)。CSS可算是網(wǎng)頁(yè)設(shè)計(jì)的一個(gè)突破，它解決了網(wǎng)頁(yè)界面排版的難題。可以這么說(shuō)，HTML的Tag主要是定義網(wǎng)頁(yè)的內(nèi)容(Content)，而CSS決定這些網(wǎng)頁(yè)內(nèi)容如何顯示(Layout)。CSS的英文是CadingStyleSheets，中文可以翻譯成串聯(lián)式樣式表。CSS按其位置可以

3、分成三種：?內(nèi)嵌樣式(InlineStyle)?內(nèi)部樣式表(InternalStyleSheet)?外部樣式表(ExternalStyleSheet)內(nèi)嵌樣式內(nèi)嵌樣式(InlineStyle)InlineStyle是寫(xiě)在Tag里面的。內(nèi)嵌樣式只對(duì)所在的Tag有效。這個(gè)Style定義里面的文字是20pt字體，字體顏色是紅色。顯示示例內(nèi)部樣式表內(nèi)部樣式表(InternalStyleSheet)內(nèi)部樣式表是寫(xiě)在HTML的里面的。內(nèi)部樣式表只對(duì)

4、所在的網(wǎng)頁(yè)有效。H1.mylayoutbderwidth:1bder:solidtextalign:centercol:red這個(gè)標(biāo)題使用了Style。這個(gè)標(biāo)題沒(méi)有使用Style。3Cading的順序是：?瀏覽器缺省(browserdefault)(優(yōu)先級(jí)最低)?外部樣式表(ExtenalStyleSheet)?內(nèi)部樣式表(InternalStyleSheet)?內(nèi)嵌樣式表(InlineStyle)(優(yōu)先級(jí)最高)樣式(Styles)的優(yōu)

5、先級(jí)依次是內(nèi)嵌(inline)內(nèi)部(internal)外部(external)瀏覽器缺省(browserdefault)。假設(shè)內(nèi)嵌(Inline)樣式中有fontsize:30pt而內(nèi)部(Internal)樣式中有fontsize:12pt，那么內(nèi)嵌(Inline)式樣式就會(huì)覆蓋內(nèi)部(Internal)樣式。CSS語(yǔ)法語(yǔ)法基本語(yǔ)法基本語(yǔ)法一個(gè)樣式(Style)的語(yǔ)法由三部分構(gòu)成：(中文叫選擇器有點(diǎn)怪怪的，就用英文吧)，屬性(Proper

6、ty)，屬性值(Value)。property:value舉個(gè)例子，下面的代碼p就是，col就是屬性，blue就是屬性值。pcol:blueHTML中所有的Tag都可以作為。注：如果你想為注：如果你想為Style加多個(gè)屬性，在兩個(gè)屬性之間要用分號(hào)加以分隔。加多個(gè)屬性，在兩個(gè)屬性之間要用分號(hào)加以分隔。下面的Style就包含2個(gè)屬性，一個(gè)是對(duì)齊方式居中，一個(gè)字體顏色為紅，當(dāng)中用分號(hào)分隔開(kāi)。ptextalign:centercol:red為了