一、CSS樣式規則 1、基本結構 <html> <head> <style> h1{ color: orange; } </style> </head> <body> </body> </html> 二、font字體 1、字型大小與字體 font-size: 字型大小大小 font-family: 字體 f ...
一、CSS樣式規則
1、基本結構
<html>
<head>
<style>
h1{
color: orange;
}
</style>
</head>
<body>
</body>
</html>
二、font字體
1、字型大小與字體
font-size: 字型大小大小
font-family: 字體 font-family: "宋體";
使用技巧：
網頁中普遍使用14px 字型大小；
儘量使用偶數的字型大小；
使用多個字體，字體間用“,”逗號隔開，中文字體需加引號，英文字體可以不加，
英文字體放在中文字體之前,字體有空格要加引號；
儘量使用預設字體；
2、unicode字體
對於不支持中文字體
方案一、可以用使用英文來替代，如font-family: "Microsoft Yahei";
方案二、在css直接使用unicode 編碼來寫字體名稱可以避免這些錯誤，使用unicode寫
中文字體，瀏覽器可以正確解析 如: font-family:"\5FAE\8F6F\96C5\9ED1"; 表示設置字體為“微軟雅黑”
註：儘量寫宋體、微軟雅黑
3、Css註釋
/*註釋內容*/
4、字體加粗
font-weight: 字體粗細
font-weight: bold;字體加粗 700=blod nomal=400 儘量使用數字
5、字體傾斜
font-style: 字體風格
預設值： normal 正常 italic 傾斜
註：平時我們很少讓字體傾斜，反而讓傾斜的字體變成普通模式
6、font綜合設置字體樣式（重點）
選擇器{font: font-style font-weight font-size/line-height font-family}
如：font{italic bold 14px "微軟雅黑"}/*font 綜合寫法 更簡潔*/
註：必須按照這個順序寫，必須保留font-size,font-family屬性否則不起作用
