css樣式表的應用

　　　　上圖，網頁上的文字與元件都沒有特別設定。要套用css，先切換到「原始檔」模式。

　　開始設定css樣式時，要知道寫在哪？先找到</head>，在它的前面加上<style>…</style>，接下來要設定的css就夾在這個成對標籤中。

　　如上圖所示，這裡設定了兩個css樣式，一個叫作「txtStyle」，另一個叫作「pp」，css的名稱可以自己隨便亂取，但記得名稱前面要加上一個小點點「.」。

　　接下來，該怎麼使用呢？看下圖：

　　因為這是一段純文字，故要套用時，必須使用<p>…</p>這組成對的段落標籤，這樣才不會一套用，整個網頁都被影響。

    像上面那樣寫，在<p>裡面宣告它的「class」，要用的是「.txtStyle」這個樣式，接下來看看呈現在瀏覽器上的結果:

　　以上是呈現的結果。再看看如果是控制項，該怎麼套用，例如那個文字方塊：

　　沒套用css之前，畫面呈現的樣子如上圖，接下來套用如下：

   先找到該元件，如上圖所示，加入「CssClass=”要套用的css名稱”」。這裡套用另一個css樣式「.pp」，來看結果:

　　TextBox文字方塊的背景顏色呈淡黃色，但打上去的字因為是白色的，看不出來，這時，可以直接回去修改css:

　　　　這是原來「.pp」裡文字的顏色設定。

　　　　改個深一點的來試試：

　　這樣的效果就能看清楚了。

從以上的操作就知道，在「html」原始檔中，針對一般文字，也就是原始html的設定，要套用css，是使用「class=”css名稱”」；若要套用的css是用在asp的元件，則是用「CssClass=”css名稱”」。