天矽科技 客製化網頁設計

CSS是一種幫助HTML添加樣式的電腦語言，如字級、字型或顏色，都是CSS的工作。

CSS介紹

CSS就是階層樣式表，英文是Cascading Style Sheets。

它的作用就是幫助HTML或XML這類結構化文件添加樣式，就是一種風格式的語言，讓我們可以在文件中套上不同的樣式，像是字型、顏色、大小都是CSS的工作。

在以前還沒有CSS的時候，所有的HTML檔案都包含了各種顯示資訊，像是文字排列、背景應用、字型呈現…等，都包含在裡面，因此程式碼非常複雜。

直到後來CSS問世，大幅簡化了HTML的檔案，CSS將檔案內容與前台顯式的樣子分開，使HTML只包含結構和內容的資訊，CSS負責樣式的資訊，各自分工，讓程式碼更加簡單乾淨。

如何套用CSS

✔內部樣式：

寫在HTML檔案裡面，影響目前頁面，使用<style type="text/css"></style>。

如圖：

✔外部樣式：

讀取外部CSS檔案，讓多個頁面共同套用一樣的樣式，降低載入速度。

✔行內樣式：

寫在元素的style屬性裡面，影響單一標籤。

像這樣：<p style="color:顏色代碼">文字</p>

✔優先權：行內樣式> 內部樣式> 外部樣式

✔CSS內註解格式：/*註解*/

✔優先屬性 !important：有相同屬性，無論順序，都以 !important 為優先。

參考資料：
https://affairs.kh.edu.tw/study/2016-css3/css_basic.html

CSS沿革

CSS1
於1996/12發表。

• 支援字級、字型與強調(strong)
• 支援字的顏色、背景的顏色以及其他背景元素…等
• 支援文章特徵，如行距
• 支援文字排列、圖像、表格和其他元素
• 支援邊框、邊界和其他排版有關的元素
• 支援元素命名和歸類

CSS2
於1998/5發表。
由W3C推行，CSS2是一套內容和表現效果分離的方式，HTML元素可以通過CSS2樣式控制顯示效果，可以完全不使用以前的 table 和 td 來定位樣式，只要用 div 跟 li 這類標籤分割元素，即可用CSS2樣式定義介面。

CSS3
現在的主流瀏覽器大多都支援CSS3，且目前網頁設計都以此為設計標準。

CSS3增加了許多功能，像是圓角屬性、文字陰影、旋轉、傾斜、縮放、轉場效果…等，還支援動畫和3D效果。
 

使用方法可至W3C公布資訊查看詳情。

CSS4
CSS4目前還在開發中，大多瀏覽器都無法支援，只有極少數可以使用，開發狀況也可到W3C官方網站查詢。

資料來源：維基百科

天矽科技目前使用的也是支援各大主流瀏覽器的CSS3製做網頁，依照W3C推薦標準設計，網頁程式碼乾淨、利於SEO自然流量排名！網頁技術也是不斷更新、不斷進步！有興趣歡迎與我們聯繫！