CSS语法网页设计.ppt

CSS語法網頁設計 曾建得 樣式表 在製作網頁的同時，相信許多人都曾有不斷重複相同工作的經驗，例如設定文字顏色、字型大小等等。 對於維護大型網站來說，若只是使用HTML標籤，實在不是很方便，因為光是為了設定一個字型的變化就必須使用一長串的HTML標籤。 樣式表 樣式表(Style Sheet)是一堆網頁效果設定的集合。 透過HTML的style標籤就可以進行樣式表的設定。 待完成樣式表的設定後，便可引用這些事先定義好的設定值，享受相同設定重複使用的優點。 樣式表 樣式表標籤style的基本格式 在HTML網頁要使用樣式表，主要是靠style標籤來完成。然後在style標籤中定義各標籤與效果的配對。標籤位於文件檔頭，即head與/head之內。 style基本語法 style標籤為成對標籤，它的功能為宣告樣式表。位於文件檔頭，即head與/head之內。 格式： 說明： type屬性：除了CSS樣式表之外，還存在一種JSS樣式表(JSS為早期Netscape所發明)。為了區隔兩種樣式表，因此需要註明。 標籤n：定義各標籤的樣式。 樣式元素:元素值：以配對方式，宣告該標籤所採用的樣式元素以及元素值，每一組配對以分號『;』加以區隔。 style基本語法 範例： 執行結果 以下範例為定義多個HTML標籤的CSS樣式的宣告。 範例： 執行結果 相同樣式內容的定義 在CSS中