Web網頁的三本柱分別為HTML，CSS，JavaScript，這三個東西交互作用構成今日我們看到的網頁。
在學習CSS前，你必須先了解HTML是什麼，HTML常用的元素等。。
CSS全名為Cascading Style Sheets，中文為階層樣式表，或稱CSS樣式表。
CSS在Web網頁中的角色是負責處理網頁的樣式(style)與排版(layout)，例如網頁顯示的字體顏色(font-color)，字型(font-family)，字體大小(font-size)，背景顏色(background-color)，區塊間的空隙(margin)，邊界寬度(border-size)，動畫效果(animations)等都是靠CSS的各項參數設定並作用於HTML文件的元素上來達成。
例如你目前正在看的這個頁面，上面的部落格名稱「菜鳥工程師-肉豬」明顯字體比內文要大要粗，網頁的底色是淺灰色的，本篇文章標題「CSS 簡介」文字顏色是淺藍色（或紫色如果你曾點過文章標題連結），網頁的右邊是Google廣告區塊，文章下方是另一個廣告區塊，更下面則是文章標籤區塊及網誌存檔區塊等；就是CSS決定了這網頁呈現的顏色，字體，區塊的位置等，我能透過調整CSS的屬性參數，讓網頁以你目前看到的效果在畫面中呈現，這就是CSS的作用。
學習CSS就必須了解CSS運作方式，CSS的各種屬性效果，CSS的影響範圍及CSS的套用規則。
HTML套用CSS的方法有以下三種：
CSS與HTML一樣，規格的維護與制訂為W3C(World Wide Web Consortium)，中文為「全球資訊網協會」。CSS的規格請參考W3C - Cascading Style Sheets home page。
參考：
沒有留言:
張貼留言