1.繼承：
2.層疊：
重要性
計算選擇器的權重值css選擇器如下：
1. 標籤名選擇器 div /即頁面中的各個標籤名的css樣式
2.類選擇器 .divclass /即定義的每個標籤的class 中的css樣式
3.id選擇器 #mydiv /即頁面中的標籤的id
4.後代選擇器（類選擇器的後代選擇器） .divclass span /即多個選擇器以逗號的格式分隔 命名找到準確的標籤
5.群組選擇器 div,span,img /即具有相同樣式的標籤分組顯示
選擇器的優先順序
1.最高優先順序是 (直接在標籤中的設定樣式，假設級別為1000)
3.其次優先順序是（類選擇器，假設級別為10）
4.最後優先順序是 （標籤選擇器，假設級別是 1）
5.那麼後代選擇器的優先順序就可以計算了啊
比如 .divclass span 優先級別就是：10+1=11
所以我們得到了以下的選擇器優先順序：
內聯樣式 > id選擇器 > 類選擇器 = 屬性選擇器 = 偽類選擇器 > 元素選擇器 = 關係選擇器 = 偽元素選擇器 > 萬用字元選擇器
盒子的分類——元素如何顯示（display）
塊級元素
行內元素
盒子的組成
1. padding和margin的取值：
padding：10px; 四周
padding：10px 20px; 上下 左右
padding：10px 20px 30px; 上 左右 下
padding：10px 20px 30px 40px; 上 右 下 左（順時針）
2. 指定方向的padding和margin的取值：
padding-top:0; == padding:0 __ __ __;
padding-right:0;
padding-bottom:0;
padding-left:0;
3. border簡寫
標準盒模型的計算
ie盒視覺化模型（視覺格式化模型）定位體系
概述1、什麼是定位體系
視覺格式化模型規定，定位體系共有三種
a.常規流（normal flow）
b.浮動（float）
c.絕對定位（absolute posotioned）
任何乙個元素，必須屬於其中一種定位系統
1、常規流
又叫普通流、文件流、普通文件器，是最常見的，預設狀態下的定位
a.常規流塊盒水平方向上的居中（常用）
step1 給塊盒設寬度
水平方向的尺寸，必須等於包含快的寬度
step2 給塊盒margin設定 ：0 auto
b.垂直方向上居中
若兩個外邊距相鄰，則進行合併（摺疊）
合併:兩個包含塊均為正值，則取最大的值
兩個包含塊均為負值，則取最小的值
兩個包含塊一正一負，則取兩個值相加
注：水平方向的外邊距不會合併
2、浮動 float
取值：float：right/left；
清浮動，即，找回父級
3、絕對定位
絕對定位使元素的位置與文件流無關，因此不佔據空間。這一點與相對定位不同，相對定位實際上被看作普通流定位模型的一部分，因為元素的位置相對於它在普通流中的位置。
普通流中其它元素的布局就像絕對定位的元素不存在一樣：
#box_relative
注：positio後可取值
relative — 表示相對定位
static — 表示預設靜態定位
absolute — 表示絕對定位
fixed — 表示 固定定位
常規流的概述
常規流（normal flow）
也叫文件流，是指在沒有css的干預下，塊級元素獨佔一行，寬高可設；行內元素併排顯示，寬高自動。
初學者前端資料分享
塊元素和內聯元素 我是乙個span 我是乙個div 我是乙個div 我是乙個p標籤 我是乙個p標籤 我是乙個span 我是乙個span 常用選擇器分類 床前明月光 床前明月光 床前明月光 床前明月光 床前明月光 床前明月光 床前明月光 床前明月光 床前明月光 床前明月光 常用選擇器跟元素之間的關係 ...
初學者談初學者學html
這是乙個段落。解釋一下就是 html 與 html 之間的文字是描述網頁。head 與 head 之間的文字是文件的元資料。title 與 之間的文字是文件的標題。body 與 body 之間的文字是可見的頁面內容，是文章的主體部分。h1 與 h1 之間的文字被顯示為乙個大標題。p 與 p 之間的文...
初學者web前端學習筆記
對於 if 語句括號裡的表示式，ecmascript 會自動呼叫boolean 轉型函式將這個表示式的結果轉換成乙個布林值。如果值為 true，執行後面的一條語句，否則不執行。通過arguments 物件的length屬性，來智慧型的判斷有多少引數，然後把引數進行合理的應用 比如，要實現乙個加法運算...