css手冊：
選擇器
一、元素選擇符
通配選擇符(*):選擇所有元素
型別選擇符(e)：以文件物件型別作為選擇符
id選擇符(e#id):以唯一識別符號id屬性等於id的e物件作為選擇符
class選擇符(e.class):以class屬性包含class的e物件作為選擇符
二、關係選擇符
包含選擇符(e f):選擇所有被e元素包含的f元素
子選擇符(e>f):選擇所有作為e元素的子元素f。
相鄰選擇符(e+f):選擇緊貼再e元素之後f元素。
兄弟選擇符(e~f):選擇e元素後面的所有兄弟元素f。
三、屬性選擇符
四、偽類選擇符
五、偽物件選擇符
優先順序：
標籤選擇符、偽類與偽物件：權重為1。
類選擇符、屬性選擇符：權重為10。
id選擇符：權重為100。
內聯style屬性：權重為1000。
!important：權重為無窮。
p盒模型
一、基本概念：盒模型由里向外是由：content、padding、border、margin構成的。
二、型別：標準盒模型、ie模型
標準盒模型：width=content
height=contentheight=content+padding+border/* 標準模型 */
box-sizing:content-box;
/*ie模型*/
box-sizing:border-box;
static預設值，沒有定位，元素出現在正常的流中。
absolute：生成絕對定位的元素，相對於 static 定位以外的第乙個父元素進行定位。
relative：生成相對定位的元素，相對於其正常位置進行定位。
fixed：生成絕對定位的元素，相對於瀏覽器視窗進行定位。
inherit：規定應該從父元素繼承 position 屬性的值。
尺寸單位
一、文字相對長度單位
em（css1）：相對於當前物件內文字的字型尺寸如果body的font-size：設定為14px，那麼1em = 14px
ex（css1）：相對長度單位。相對與支付"x"的高度，通常為字型高度的一半。
ch（css3）：相對與數字「0」的寬度
rem（css3）：相對於根元素（html元素）font-size的計算倍數
如果html的font-szie：設定為14px，那麼1rem = 14px
二、視口相對長度單位
vw（css3）：相對於視口的寬度。視口被平均分為100單位的vw
vh（css3）: 相對於視口的高度。視口被平均分為100單位的vh
vm（css3）: 相對於視口的寬度或高度。對於視口的寬度或高度，總是相對於小的那個。視口的寬度或高度被均分為100單位的vm
css基礎知識整理篇
某個大神整理的面試題 內容 content 填充 padding 邊界 margin 邊框 border content部分把border和padding算進去了1 id選擇器 myid 2 類選擇器 myclassname 3 標籤選擇器 div,h1,p 4 相鄰選擇器 h1 p 5 子選擇器 ...
css基礎知識整理
1 什麼是css？css通常稱為css樣式表或層疊樣式表 級聯樣式表 主要用於設定html頁面中的文字內容 字型 大小 對齊方式等 的外形 寬高 邊框樣式 邊距等 以及版面的布局等外觀顯示樣式。css以html為基礎，提供了豐富的功能，如字型 顏色 背景的控制及整體排版等，而且還可以針對不同的瀏覽器...
css基礎知識整理
1 css分類樣式分為3類 內聯 內嵌 外部 1 內聯 寫在標籤裡面，樣式為style 舉例說明 我是第一行h 執行樣圖 style 寬度為100畫素，高度為110畫素，背景是綠色 給這乙個div標籤定css樣式。2 內嵌 在裡面內嵌在head內部body外部 即舉例 我是洋洋1 我是洋洋2 我是洋...