CSS是什么,為什么頁面布局中它很重要?
Cascading Style Sheets簡稱“CSS”,它是一種編碼語言,為網站提供外觀和布局。與HTML一起,CSS是網頁設計的基礎。沒有它,網站仍然是白色背景上的純文本。
在萬維網聯盟(W3C)于1996年開發CSS之前,網頁的形式和功能都非常有限。早期的瀏覽器將頁面顯示為超文本或純文本,圖像和指向其他超文本頁面的鏈接。根本沒有布局可言,只有在單個列中跨頁面運行的段落。
CSS允許對網頁布局進行多項創新,例如能夠:
指定瀏覽器的默認字體以外的字體
指定文本和鏈接的顏色和大小
將顏色應用于背景
在框中包含網頁元素并將這些框浮動到頁面上的特定位置
他們將“風格”放在樣式表中,并且第一次可以設計網頁。
第一個閱讀和使用CSS的商業瀏覽器是1998年的Microsoft Internet Explorer 3.到目前為止,對某些CSS功能的支持因瀏覽器而異。W3C仍在監督和創建Web標準,最近發布了CSS-CSS3的新標準。使用CSS3,開發人員希望所有主流瀏覽器都能以相同的方式讀取和顯示每個CSS功能。
CSS如何工作?
要了解CSS如何工作的基礎知識,您必須先了解一下現代HTML。Web開發人員根據“盒子模型”布置頁面。網頁是一系列框,每個框包含一個離散元素。這些盒子是嵌套的,一個在另一個里面。
例如,頁面的標題是一個框,它包含幾個較小的框,其中包含構成標題的所有元素:徽標,導航,社交媒體按鈕,購物車按鈕等。使用CSS,開發人員將樣式分配給“標題“框。在這個例子中,我們假設開發人員將標題內的文本設為紫色,Arial字體和15個像素點。
這里是層疊樣式表的“級聯”部分發揮作用的地方。應用于標題的字體樣式級聯到標題內包含的所有元素。包含導航,鏈接或號召性用語等元素的元素都將是紫色,Arial和15個像素點。