ccs|無名分享 ccs 樣式|ccs 教學

隨著無名小站的爆紅產生了不少的部落格達人，而透過css樣式很多的網頁變成了吸引人的焦點，而在這其中更有不少人熱心的將他們辛苦弄出來的css無名樣式分享出來給所有的網友，透過這樣的分享，一傳十，十傳百，讓設計無名樣式的人變多了起來，而這當中有的真的是讓人一看就喜歡，也解決了在寫html語法所碰到的一些問題。

最早期網頁撰寫的主要語言是html，但是它僅有一些簡單的語法無法滿足大家對於文字以及版面的掌握，因此才會有「共用樣式表 (cascading style sheets, CSS)」的產生來對原本的html功能加以擴充它的功能，css無名樣式分享並不是指專門無名小站專用的，而是很多人將它的無名樣式分享給大家來使用，因為對於語法都不通的人根本看不懂更別提設計了，那麼就是照著別人所寫好的套來用就好了。

CSS樣式表的優點如下

    1.可以設定所有物件(object)的變化，包括文字、圖片、按鈕、視窗等。
    2.可以建立樣式指令，在不同的物件套用相同的無名樣式設定。
    3.可以製作個人化的無名樣式檔案，以統一更新網站內的各網頁變化。

CSS樣式表的使用方式有三種

    1.網頁內嵌式(embedded)：在HTML文件的 之間，以來定義共同樣式，使整個網頁使用同一css無名樣式。
    2.標記加註式(in-line)：如果只有一個HTML標記需要設定樣式，則可在該標記內，加上屬性style=" " ，以個別修訂無名樣式。
    3.外部設定式(external)：由於一個網站有許多網頁，最好是統一css無名樣式分享以免眼花繚亂失去瀏覽的重點。但如果每一網頁均個別做樣式設定，萬一將來要修改時，又怕會掛一漏萬，因此可使每個網頁均連結到一個.css的純文字檔，以設定整個無名小站部落的樣式。

基本的css無名樣式分享語法

基本的css無名樣式分享語法示範圖示說明CSS無名樣式的基本分享語法是標記加註式(in-line)的表示法，亦即在HTML標記後面，加上 style="..."，內含屬性名稱(properties)與屬性值(value)，以定義樣式。兩個屬性間，以分號區隔；而屬性與屬性值間，以冒號分開。

例如：原來無名小站部落格的標題文字之HTML標記為

css無名

若想要標題文字變成綠色且改變字型為標楷體，使用css無名樣式的標記加註式語法如下：

其中font-famlily、color、size分別是CSS的一項屬性，而標楷體、#FF0000、48等，則是對應之屬性值。對於很多急於尋找無名分享ccs樣式的人來說是很懶得看這些基本的語法，只想撿現成的ccs樣式來使用，但是真正要弄出一個好看的頁面，這個是非學不可的。

css無名樣式分享Class的用法

如何使用css class樣式分享使用class無名樣式指令可以使同時套用一個樣式指令在不同地方，這樣的好處是我們不需要一而再再而三的去定義ccs樣式。 css Class的語法包含定義及執行兩部份：

定義css是在之間設定指令而它的語法是以句號開頭然後後面接樣式名稱而且要再加上{ }內含屬性名稱跟屬性值，這樣就可以定義css無名樣式指令。在這兩個屬性中間需要以分號來做區隔；而屬性與屬性值之間則要以冒號來分開。執行css無名樣式分享時則要在HTML標記加上class=樣式名稱。

例如：原來無名小站部落標題文字之HTML標記為

css無名樣式分享

若想要標題文字變成綠色且改變字型為標楷體則語法如下：

ccs無名樣式分享

heading就是我們所說的樣式名稱，font-famlily與color分別是CSS的一項屬性而標楷體與#00FFFF則是對應之屬性值。

css無名樣式分享的id使用方法跟class很像一個只能用一個樣式設定；如果同時有二個或二個以上的無名樣式要設定則需分別使用不同的，另外你也可以使用id的方式，不過這跟class很類似可以找找其它的相關資料看看就可以明白的。如果你的無名小站網站的網頁全部都使用一樣的css樣式，那麼你就可以自己去指定一個ccs無名樣式分享檔案，而且不用一直重複的定義，而且日後要修改的時候可以一次性的解決不用改一大堆。連結無名樣式表的方法分為以下兩步驟：

     *製定樣式表檔案只須將之間的樣式內容儲存為.css即可。
     *執行連結css無名樣式表時則在HTML文件 之間加入 即可。