像素
- 1px 一個(gè)像素點(diǎn)
- 1em 一個(gè)文字大小
顏色的表示方式
/*background-color: red; 直接設(shè)置*/
/*color: #F34566; 16進(jìn)制*/
/*color: rgb(23, 56, 23); rgb 方式*/
/*半透明效果*/
/*background-color: rgba(0, 0, 0, 0.5);*/
opacity: 0.5;
filter:Alpha(opacity=50); /*兼容IE8以及更早的瀏覽器*/
font 屬性
<style type="text/css">
* {
font-size: 20px; /*文字大小*/
/*字體的粗體樣式
normal(400) 正常
bold(700) 加粗
bolder 加加粗*/
font-weight: bolder;
/*字體的斜體樣式
normal 正常
italic 斜體
*/
font-style: italic;
/*字體設(shè)置
1.直接設(shè)置文字的中文名（宋體）
2.設(shè)置字體對(duì)應(yīng)的英文方式（microsoft yahei）
3.設(shè)置字體對(duì)應(yīng)的unicode編碼 （%u5B8B%u4F53）
*/
/*注意：
1.font-family 一次可以設(shè)置多個(gè)字體爹土，中間用逗號(hào)隔開(kāi)
2.盡量設(shè)置常用的字體再沧，保證頁(yè)面的樣式統(tǒng)一
*/
font-family: "宋體,microsoft yahei,\5B8B\4F53";
/*設(shè)置文字的行高*/
line-height: 30px;
/*font 屬性聯(lián)寫
必須要寫 font-size 和 font-family 灌危，順序不能改變
全部都寫的情況如下
*/
font: 700 italic 20px/30px "microsoft yahei"
}
</style>
鼠標(biāo)樣式
cursor
pointer 小手
help 問(wèn)號(hào)
move 四個(gè)箭頭
default 默認(rèn)
元素的模式分類
- 塊級(jí)元素
- 獨(dú)占一行
- 默認(rèn)寬度與父元素的寬度一致
- 可以設(shè)置寬度和高度
- 行內(nèi)元素
- 默認(rèn)一行顯示
- 不能設(shè)置寬度和高度
CSS特性
- 繼承性
- 層疊性
- 優(yōu)先級(jí)：
內(nèi)聯(lián)樣式>ID選擇器>類選擇器>標(biāo)簽選擇器
