*******************************************************************************
1、CSS的功能是什麼？佈局和美化頁面
HTML：用來放內容
CSS不能脫離HTML單獨存在（化妝）
2、CSS是什麼的縮寫？
Cascading Style Sheets 層疊樣式表
Hypertext Market Language 超文本標記語言
3、CSS文件的後綴名有哪些？ .css 只有一個!
4、HTML對大小寫敏感麼？CSS對大小寫敏感麼？
不敏感 不敏感
5、HTML符合什麼標準？CSS符合什麼標準？
W3C W3C
1、表單中複選框和單選框對應的type屬性值分別是什麼？
checkbox radio
單選框<input type="radio" />
複選框<input type="checkbox" />
2、通過什麼屬性才能真正實現單選功能？name屬性
在單選框中，name值相同的單選框屬於一個組
一個組中的單選框有排斥關係
所以同一個類型單選框name值必須相同！
3、多個複選框的name可以一樣麼，爲什麼？
不可以
後邊的值會把前邊的值覆蓋
在複選框中，name值一定不能一樣！
4、單選框、複選框如何設置默認選中狀態？點擊重置按鈕後還會默認選中麼？
checked屬性 布爾型屬性
點擊重置按鈕還是會默認顯示選中狀態
5、想要把文字和控件捆綁到一起，用哪個標籤實現？
<label for=”id值”><input id=”自定義值”></label>
id用來區分控件
for用來指定控件
6、單選框和複選框的name有何不同？
單選框的name值必須相同
複選框的name值一定不能相同。
7、表單中不止有<input>標籤，那麼表單中的多行文本輸入域標籤是什麼？
<textarea></textarea>
8、以上標籤指定輸入域行數和列數的屬性分別是什麼？
rows cols
<textarea cols="1" rows="10"></textarea>
9、下拉列表需要哪兩個標籤來配合使用？其中外層標籤是什麼？選項標籤是什麼？
<select>
<option></option>
</select>
10、下拉列表的name在哪裏定義，value在哪裏定義？
select option
11、CSS是和誰配合使用的？HTML
12、選擇器是用來幹什麼的？
就是用來選擇某個或某些HTML標籤
13、寫出下列屬性對應的單詞：字體顏色、字體大小、邊框、背景。
color font-size border background
14、在CSS語法中，使用什麼符號分開屬性與屬性值？:(冒號)
15、在CSS語法中，多個屬性對之間屬性名和屬性值使用什麼符號分開？;（分號）
16、 最後一個屬性對有何注意事項？
可以不加分號
17、#div1{
18、color:red;
19、border:1px solid red 1px 實線 顏色
20、
---行級佈局----
1. div是塊級元素，獨佔一行空間，寬度默認沾滿父級元素2. div的高度由子級元素來決定
---列級佈局---
1. 浮動元素與兄弟元素之間的關係
<div class="a"></div>
<div class="b"></div>
1）a浮動，b不浮動，b鑽到a下面
2）a不浮動，b浮動，b的上邊界和a的下邊界重疊
3）a浮動，b浮動，a,b一行顯示，當行內放不下的時候b另起一行
2. 浮動元素的邊距
1) a,b不浮動，a設定外邊距-下，b設定外邊距-上，共用（誰大用誰的）
2) a,b浮動，a設定外邊距-右，b設定外邊距-左，不共用（兩者和是他們的邊距）
margin上下值在行佈局時共用，浮動後不再共用
3. 浮動元素與父級元素之間的關係
1) 層級關係
<div class="outer">
<div class="inner"></div> 60px
<div class="inner"></div> 60px
</div>
<div class="outer2">
</div>
2) 高度寬度的問題？
1.高度應該由子級元素來指定
當子級浮動的時候，無法撐開父級的高度。只能由父級自己指定（overflow:hidden）
2.寬度應該由父級元素來指定
div沒有浮動，寬度默認佔滿父級元素
div浮動了，寬度默認由子級元素決定
4. 背景
background-color:
background-img:
background-repeat:
background-position:
背景
不佔據屏幕空間
不能直接下載
圖片
img
佔據屏幕空間
可以在網頁上右擊“圖片另存爲”
圖片精靈：
1. 設定顯示圖片盒子的寬和高
2. 加背景
3. 定座標（盒子不變，邊背景位置）
background-position: x y;
默認情況下 x = 0; y=0;
當x爲負值背景向左移
當x爲正值背景向右移
當y爲負值背景向上移
當y爲正值背景向下移
5. 盒子模型
1)IE盒子模型（IE5）
width = 內容+padding+border
height= 內容+padding+border
2)w3c盒子模型
width = 內容
height= 內容
實際寬度= width + 2*border+2*padding+2*margin
實際高度= height+ 2*border+2*padding+2*margin
<div>
</div>
div{
width:100px;
height:50px;
border:10px solid gray;
}
6. display 顯示方式（）
none 隱藏（不佔據屏幕空間visibility:hidden;佔據屏幕空間）
block 塊級
inline 行級
inline-block 行級兼塊級
行級(span)
不獨佔一行空間，分享一行空間
不能指定寬高
塊級(div)
獨佔一行空間
可以指定寬高
div佈局 塊級
span
7. 定位元素
position
fixed 固定定位
脫離當前文檔流，相對當前瀏覽器窗口進行佈局，默認顯示在座標（0,0）位置上，不會隨着網頁的滾動而滾動
absolute絕對定位
脫離當前文檔流，相對
1）如果父級有定位元素，相對於該父級元素進行定位
2）如果父級沒有定位元素，相對於當前網頁
默認顯示在座標（0,0）位置上，會隨着網頁的滾動而滾動
relative相對定位
相對當前元素所在位置，默認位置就在它原本應該在的位置
如果一個元素被positon修飾，並且position的值爲fixed，absolute，relative其中一個，那麼這個元素爲定位元素。
定位元素的特權
可以使用定位屬性
left
top
right
bottom
8. 屬性與樣式
當描述元素的表現形式的時候使用 樣式
img的寬度，高度，設定表格的寬度，表格邊框，表格的背景（css）
當描述元素的功能時，使用屬性
<input name="" value="">
coreattr
id
class
style
title
9.overflow
1) 清除子級的浮動
overflow:hidden
2）子級溢出父級部分的內容處理方式
overflow:
hidden 隱藏
sroll 始終顯示滾動條
auto 當超過時顯示滾動條
10. css優先級
內嵌式 style=""
> 關聯選擇器(後代，子代，組合(且)).header .nav ul li
> ID選擇器
> 類選擇器
> HTML選擇器