外連樣式(推薦)
-
<link rel="stylesheet" href="style.css">html語法 -
@import "style2.css";css語法
內(nèi)連樣式
-
<style></style>html語法 （一般放入<head>里面）
選擇器
1 基礎選擇器
- 基本選擇器*：通用元素選擇器
- 基本選擇器#id：匹配特定的id
- 基本選擇器.class：匹配class包括特定的元素
- 基本選擇器elemengt：標簽選擇器
2 常見偽類選擇器
a鏈接常用的寫法
E:link 匹配所有未被點擊的鏈接
E:visited 匹配所有已被點擊鏈接
E:active 匹配鼠標已經(jīng)其上按下的E元素
E:hover 匹配鼠標懸掛其上的E元素
E:nth-child(n) 匹配其父元素的第n個子元素伴网，第一個編號為1
E:nth-last-child(n) 匹配其父元素的倒數(shù)第n個子元素，第一個編號為1
E:nth-of-type(n) 與E:nth-child(n)作用類似锋华， 但是僅匹配適用同種標簽的元素
E:nth-last-of-type(n) 與E:nth-last-child(n)作用類似锭硼， 但是僅匹配適用同種標簽的元素
編寫小技巧
image
HTML：
<body> <div id=header> <div id=content> <div id=footer>CSS：
#header .logo{} #content .xxx{}
-
{color:red}字體紅色 -
{border:1px solid:red}邊框紅色 -
{font-size:30px}字體大小 - id與class區(qū)別贷盲？
id定義的是頁面上唯一的元素葱蝗。class定義的是頁面上某一類的元素圃验。 - CSS注釋
/* 注釋 */
