CSS（Cascading Style Shee,層疊樣式表）
三種導(dǎo)入CSS樣式方式
行內(nèi)樣式，內(nèi)嵌
元素全局屬性style中添加,例：<input style = "CSS樣式">頁內(nèi)樣式
style元素,在頭部<head></head>中寫
<head>
????<style type="text/css">
????????body{
????????????color : red ;
???????? }
????</style>
??</head>
- 外部樣式：鏈接層疊樣式表.css文件
link元素，在頭部<head></head>中寫
<link rel ="stylesheet" type="ext/css" href="styles.css">
</link>
CSS層疊樣式規(guī)則：就近原則、疊加原則
樣式表之間導(dǎo)入
- @import “樣式表文件.css”
- 聲明樣式表的字符編碼
- @charset "UTF-8"
- @import “樣式表文件.css”
三個重要概念
- 盒模型
- 外邊距（margin）
- 邊框（border）
- 內(nèi)邊距（padding）
- 內(nèi)容（content）
- 寬度和高度(內(nèi)容content的width&height）
Snip20161012_13.png
- 選擇器
- 通過選擇器找到對應(yīng)的元素設(shè)置樣式
- 通配符\*,選擇所有元素
- 標簽選擇器：直接選擇元素
- 類選擇器：元素屬性class=“類名”，.類型
- id選擇器：元素屬性id=“id號”，#id
- 屬性選擇器：元素屬性xx=“屬性值”，[屬性]
- 選擇器優(yōu)先級：important>行內(nèi)樣式>id>（類|屬性|偽類|偽元素）>標簽>通配符>繼承
- 復(fù)合選擇器優(yōu)先級：
- 權(quán)值相加，大的優(yōu)先，相同的話就近原則。
- 權(quán)值：通配符-0，標簽選擇器-1，（類選擇器|屬性選擇器|偽類|偽元素）-10，id選擇器-100，important-1000
- 屬性property
動畫
背景
邊框和輪廓
盒（框）
顏色
內(nèi)容分頁媒體
定位
可伸縮框
字體
生成內(nèi)容
網(wǎng)格
超鏈接
行框
列表
外邊距
Marquee
多列
內(nèi)邊距
分頁媒體
定位
打印
Ruby
語音
表格
文本
2D/3D 轉(zhuǎn)換
過渡
用戶界面
如果直接相關(guān)的樣式中找不到某個屬性的值，那么就會求助于繼承機制，使用父元素的這個樣式的屬性值。
屬性可繼承性
- 可繼承屬性(父元素屬性可被子元素繼承，文字控制屬性可繼承)
- 不可繼承屬性（父元素屬性不可被子元素繼承，塊級元素標簽屬性不可繼承）
總結(jié)：
與元素外觀（文字顏色、字體等）相關(guān)的樣式會被繼承；
與元素在頁面上的布局相關(guān)的樣式不會被繼承。
