CSS(層疊樣式表)是一種用于控制網頁樣式外觀的標記語言。通過CSS的樣式設定,可以實現網頁的布局、字體、顏色、大小等各種樣式調整。
使用CSS最基本的方法是在HTML文檔中引入CSS樣式表。一般情況下,將CSS樣式表保存為一個獨立的文件,然后在HTML文檔中使用link標簽引入,如下所示:
<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>
在CSS樣式表中,樣式的設定需要根據網頁元素的標簽名或CSS選擇符。下面是一個CSS樣式表的基本結構:
/* 選擇符 */ { 屬性1: 值1; 屬性2: 值2; ... 屬性n: 值n; }
其中,選擇符可以是以下幾種形式:
- 標簽名:如p、h1、div等
- 類名:以"."開頭,如.myclass
- id名:以"#"開頭,如#myid
- 屬性名:如[type="text"]等
每個屬性都由屬性名和屬性值組成,多個屬性之間用分號";"分隔。
比如,要將所有的段落文字顏色設為紅色,可以這樣寫:
p { color: red; }
如果只想將某個類名為".myclass"的元素設為紅色,可以這樣寫:
.myclass { color: red; }
除了基本屬性之外,CSS還提供了豐富的樣式設定方式,如盒模型、浮動、定位、漸變等。這里不再一一列舉,具體使用可以參考相關文檔或教程。
上一篇css .中加背景圖片
下一篇css ~