網頁

2019/7/18

CSS 簡介

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


參考:

沒有留言:

張貼留言