1 關(guān)于 inline block inline-block的一些注意點(diǎn)：<img>是行內(nèi)塊標(biāo)簽
1. <p>, <h1>..<h6>標(biāo)簽內(nèi)放置的是文本轰异，因此這幾個(gè)標(biāo)簽內(nèi)部不能嵌套塊級(jí)標(biāo)簽淹真。
2. <a> 鏈接內(nèi)不能嵌套鏈接
3. 行內(nèi)標(biāo)簽一般只能嵌套行內(nèi)標(biāo)簽和行內(nèi)塊標(biāo)簽, inline 或者 inline-block 但是原杂，
<a> 標(biāo)簽是個(gè)例外术浪，他可以嵌套塊級(jí)標(biāo)簽成玫。
文字的高度
行高： inline-height： 表示的是基線和基線之間的距離宴咧。
行高 = 上間距 + 內(nèi)容高度 + 下間距 其中 上下間距的高度總是一致的
因此 讓文本垂直居中的方法 inline-height：盒子高度， 這樣的話由于上下間距是一致的燕耿，內(nèi)容就是垂直居中的中符。
如果行高設(shè)置的高于盒子的高度，文字會(huì)偏下
行高小于盒子的高度誉帅，文字會(huì)偏上淀散。
CSS的層疊性
1 對(duì)于相同的優(yōu)先級(jí)，定義在CSS文件書(shū)寫(xiě)的順序蚜锨， 下部的樣式會(huì)覆蓋上面的同樣的樣式（即 發(fā)生相同的樣式定義档插，樣式?jīng)_突的時(shí)候，就近原則亚再，越是靠后覆蓋上層）長(zhǎng)江后浪推前浪
2 子標(biāo)簽會(huì)繼承父標(biāo)簽的一些特性郭膛，不是所有特性，一般來(lái)說(shuō)對(duì)于文本的設(shè)置樣式可以繼承氛悬，比如 font-(font-style, font-weight, font-size, font-family),text-(text-decoration, text-indent color) line-(line-height) 注意:繼承的優(yōu)先級(jí)是0则剃；
CSS的優(yōu)先級(jí)
1. 標(biāo)簽選擇器的優(yōu)先級(jí)為 0001;
2. 類選擇器的優(yōu)先級(jí)為 0010;
3 id選擇器的優(yōu)先級(jí)為 0100；
4 行內(nèi)標(biāo)簽的優(yōu)先級(jí)為 1000如捅； 也就是寫(xiě)在html標(biāo)簽中的樣式棍现，一般不推薦這么寫(xiě)
5 !import 表示優(yōu)先級(jí)最高，這個(gè)用的也不多镜遣，這個(gè)優(yōu)先級(jí)是無(wú)窮己肮。
注意：
1 繼承的優(yōu)先級(jí)為0，如果標(biāo)簽選擇的是我們的標(biāo)簽的父類標(biāo)簽烈涮，不管這個(gè)選擇器多高朴肺，這個(gè)優(yōu)先級(jí)都為0，如果有一個(gè)標(biāo)簽選擇器能夠選到我們的標(biāo)簽坚洽，這個(gè)優(yōu)先級(jí)都比繼承的高戈稿，也就是說(shuō)父類再牛，也看自己讶舰；
2 如果標(biāo)簽的優(yōu)先級(jí)相等鞍盗，這樣就看CSS的書(shū)序順序需了，寫(xiě)在后面的覆蓋前面的；
3 選擇器的優(yōu)先級(jí)是可以相加的般甲， h1.a {} 就是 0001 + 0010 = 0011肋乍；比較優(yōu)先級(jí)是比較的相加后的值，其中需要注意的是敷存，這個(gè)優(yōu)先級(jí)沒(méi)有進(jìn)位的概念
0001 + 0001 +....12個(gè)+ 0001 還是小于0010 因?yàn)?00012 < 0010 不能進(jìn)位墓造。低位永遠(yuǎn)不能大于高位。
4 偽類的優(yōu)先級(jí)為 a:hover = 0001 + 0010 = 0011 偽類的優(yōu)先級(jí)也屬于類锚烦，前面有個(gè)a標(biāo)簽觅闽，所以是相加的0011優(yōu)先級(jí)。
這里有個(gè) 難點(diǎn)在于 div p {} 這個(gè)定位到的是div的所有后代p 因此 子孫代p也是被選中的蛉拙，而不是選中子代p孕锄，因此這個(gè)不是繼承優(yōu)先級(jí)為0的問(wèn)題。犯過(guò)的錯(cuò)誤記錄一下。
CSS的其他屬性
1 background ：
background-color: 顏色；
background-image: url(images/1.jpg);
background-position:
background-repeat: repeat;
background-attachment: scroll;
background-repeat 的值：
1 repeat：重復(fù) x,y重復(fù)；
2 no_repeat: 不重復(fù)聊浅，只顯示一張圖；
3 repeat-x : 沿著x軸重復(fù)碳锈；
4 repeat-y:沿著y軸重復(fù)绞呈；
background-attachment :的值
1 scroll ：滾動(dòng)時(shí)圖片一起滾動(dòng)
2 fixed ： 滾動(dòng)時(shí)圖片固定
background-position:
1 可以使用方位名詞：
background-position: center bottom;
1 使用方位名詞時(shí)候，定義兩個(gè)值圾亏，默認(rèn)是第一個(gè)值代表x軸的位置，第二個(gè)代表y周位置，但是如果全都是用方位名詞铛只，則前后順序 無(wú)關(guān)非竿；
2 background-position: bottom; 如果使用一個(gè)方位名詞承匣，另一個(gè)缺省的方位名詞默認(rèn)為center 也就是說(shuō) bottom center 由于前后順序無(wú)關(guān)韧骗，所以都是一樣的顯示
3 background-position: 12px 20px; 使用具體的長(zhǎng)度值時(shí)，x軸在前隶症， y軸在后淋样，前后是有順序的纽什，不能調(diào)換，
4 混合使用：background-position: 12px bottom; 數(shù)值和方位名詞可以同時(shí)使用，一旦出現(xiàn)了方位名詞探孝，就表示x y 軸方位順序不能隨便寫(xiě)。
5 background-position: 12px ; 又具體的數(shù)值的時(shí)候粱腻，方位名詞也可以省略耀鸦，默認(rèn)值也是center -等價(jià)于- 12px center
background的連寫(xiě)：
1 background的連寫(xiě)沒(méi)有特定的順序： 一般來(lái)說(shuō)
顏色-圖片-重復(fù)-滾動(dòng)-位置（位置有兩個(gè)值氮帐，因此放在最后） 帶有顏色的圖片重復(fù)滾動(dòng)形成背景
background : color image repeat attachment position;
這些屬性值又默認(rèn)值， 因此有時(shí)直接寫(xiě)一個(gè)image 也是可以的洛姑，默認(rèn)是 no-repeat left top ;
背景透明色 CSS3
css3有個(gè)特性可以使得背景有一個(gè)透明度揪漩，因此可以看到下一層的圖片的顏色
background: rgba(0,0,0,0.3); 前面是顏色值，后面就是 透明度 0-完全透明吏口，1 完全不透明。
CSS定位盒子模型
1 每個(gè)標(biāo)簽都是一個(gè)盒子冰更，盒子又 boder padding margin 也就是邊框 內(nèi)邊距和外邊距
border屬性
border-style:
none：沒(méi)有
solid： 實(shí)線
dashed: 虛線
dotted： 點(diǎn)線
border-color: 邊框的顏色;
border-width: 邊框的寬度 2px
border-top: 表示上邊框 還有bottom left right;
border-collapse: collapse; 合并相鄰的邊框产徊，否則相鄰的邊框會(huì)變?yōu)樵O(shè)置的2倍，
邊框的連寫(xiě)：
border: with style color;
border: 1px solid red;
也就是 粗細(xì)蜀细，樣式 顏色 ---> 粗鹽在兩邊 粘不到一起
有一個(gè)技巧 去掉所有邊框： border : 0;
padding 內(nèi)邊距
padding: 10px舟铜； 上下左右的內(nèi)間距都是10px
padding-top:
padding-left:
padding-right:
padding-bottom:
padding 可以連寫(xiě)
padding : 10px 20px 30px 40px；表示 上右下左的距離--也就是順時(shí)針?lè)较蛟O(shè)置
注意： padding 可以設(shè)置 1個(gè) 2個(gè) 3個(gè) 4個(gè)值
1 padding:10px; 上下左右都是10px
2 padding 10px 20px; 上下是10px 左右是 20px
3 padding 10px 20px 30px; 上10px 左右20px 下30px奠衔；
4 padding 10px 20px 30px 40px; 上 右下左 順時(shí)針
2 padding的注意點(diǎn)：
給設(shè)置了寬高的盒子設(shè)置padding會(huì)撐開(kāi)盒子谆刨，因此盒子會(huì)變大塘娶，這樣回合設(shè)計(jì)稿相違背，需要我們?cè)O(shè)置盒子的寬高的時(shí)候把內(nèi)邊距的數(shù)值減去 而且值得注意的是內(nèi)邊距是兩邊的痊夭，因此計(jì)算的時(shí)候不要遺漏刁岸。
