前言
爲了讓我們的網頁更加豐富多彩,佈局更加靈活自如,所以有了CSS。CSS俗稱網頁的美容師。CSS的最大貢獻是:讓HTML從樣式中脫離,實現了HTML專注去做結構,把樣式交給CSS。
正文
1. CSS的作用:
設置版面佈局和外觀顯示樣式
2. 引入CSS樣式表:
2.1 行內式
基本語法如下:
<標籤名 style="屬性1:屬性值1;屬性2:屬性值2;屬性3:屬性值3;">內容 </標籤名>
2.2 內嵌樣式表
基本語法如下:
<head>
<style type="text/css">
選擇器{
屬性1:屬性值1;
屬性2:屬性值2;
屬性3:屬性值3;
}
</style>
</head>
2.3 外部樣式表
基本語法如下:
<head>
<link rel=“stylesheet” type="text/css" href="css文件路徑">
</head>
3. 總結
4. CSS選擇器
4.1 CSS選擇器的作用:
找到特定的HTML頁面元素 (選擇標籤用的)
4.2 標籤選擇器
作用:可以把某一類標籤全部選擇出來,比如所有的div標籤和所有的span標籤
優點:是能快速爲頁面中同類型的標籤統一樣式
缺點:不能設計差異化樣式
4.3 類選擇器
.類名{
屬性1:屬性值1;
屬性2:屬性值2;
屬性3:屬性值3;
}
<p clas='類名'> </p>
4.4 id選擇器
#類名{
屬性1:屬性值1;
...
}
注:id選擇器和類選擇器區別:
類選擇器好比人的名字,可以多次重複使用
id選擇器好比人的身份證號碼,是全國唯一的,不得重複,只能使用一次
4.5 通配符選擇器
*{
屬性1:屬性值1
屬性2:屬性值2
....
}