CSS(層疊樣式表)是用來描述網頁文檔展示效果的一種標記語言,它在HTML中定義樣式與布局,可以讓網頁獲得更美觀、更專業的外觀。
在HTML中,通過在文檔頭部定義<link>標簽連接CSS樣式表文件,就可以將CSS樣式應用到整個文檔中。
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="style.css"> <title>樣式應用</title> </head> <body> <h1>標題</h1> <p>這是一段文本。</p> </body> </html>
其中,style.css是一個CSS樣式表文件,定義了頁面的具體樣式規則。
CSS樣式規則由選擇器和聲明塊組成。選擇器指定所要應用樣式的元素,聲明塊包含一組以分號隔開的屬性聲明,每個屬性聲明具有一個屬性名和一個屬性值。
p { font-size: 16px; color: #333; }
在上述例子中,p為選擇器,定義了段落元素的樣式,包括字體大小和顏色。屬性名為font-size和color,屬性值分別為16px和#333。
CSS樣式表還支持層疊和繼承。層疊指多個樣式規則應用在同一個元素上時,其樣式會按照優先級高低依次應用,最終形成一個組合效果。繼承指子元素會繼承父元素的樣式,除非子元素自己定義了該樣式。
總之,CSS是網頁設計的重要組成部分,通過應用簡單的CSS樣式,我們可以獲得美觀、專業的網頁設計效果。
上一篇映射本地css