overflow的屬性值說明，HTML滾動條的屬性？
1．overflow內容溢出時的設置（設定被設定對象是否顯示滾動條）
overflow-x水平方向內容溢出時的設置 overflow-y垂直方向內容溢出時的設置 以上三個屬性設置的值為visible(默認值)、scroll、hidden、auto。
2．scrollbar-3d-light-color立體滾動條亮邊的顏色（設置滾動條的顏色）
scrollbar-arrow-color上下按鈕上三角箭頭的顏色 scrollbar-base-color滾動條的基本顏色 scrollbar-dark-shadow-color立體滾動條強陰影的顏色 scrollbar-face-color立體滾動條凸出部分的顏色 scrollbar-highlight-color滾動條空白部分的顏色 scrollbar-shadow-color立體滾動條陰影的顏色 86oo精彩教程
div層級結構？
1、定位
定位：
1、普通流定位
普通流，又稱為文檔流
塊級元素：從上到下一個一個的排列
行內元素：一行內從左到右的排列
2、浮動定位
1、什么是浮動定位
將元素排除在普通流之外，即脫離文檔流
浮動元素不會占據頁面空間
浮動元素會放置在"包含框"的左邊或右邊
浮動元素依舊位于包含框之內
浮動元素可以向左或向右浮動，直到碰見包含框的邊緣或另一個已浮動的元素框為止
2、特點
1、浮動元素邊緣不會超過其父元素的邊緣
2、浮動元素不會重疊
3、浮動只能左右浮動，不會上下浮動
注意：非塊級元素浮動的話，那么將會變成塊級元素，允許修改 width 和 height
3、處理問題
1、讓塊級元素在同一行內顯示
2、修改行內元素的 width 和 height
4、浮動屬性
屬性：float
取值：
none
left
right
清除浮動所帶來的影響:
屬性：clear
取值：left
right
both
5、子級元素的浮動，為父層元素所帶來的影響
如果一個元素的所有子級內容都是浮動的，那么它的高度會變成 0
解決方案
1、設置父容器高度
2、設置父元素的 overflow:hidden;
3、在父元素中，增加一個空元素，添加clear:both;
2、顯示方式
1、display
none：生成元素沒有框，不占據頁面空間，隱藏
block：按塊級顯示
inline：按行內方式顯示
inline-block:行內塊，所有的元素在一行內顯示，允許修改width 和 height
使用場合：
1、控制元素的顯示與隱藏
隱藏：display:none;
顯示：
塊級 ：display:block
行內 ：display:inline
2、將行內元素變成塊級 或 行內塊
目的：修改行內元素的寬和高
2、顯示效果
1、visibility
可見性
取值：
visible ：默認值，可見的
hidden ：元素不可見，占據頁面空間
collapse ：用在表格上
問題：visibility:hidden 與 display:none的區別
2、opacity
透明度
取值：0 - 1
opacity:0.5;
3、vertical-align
垂直方向對齊
td
img
取值：
baseline : 默認，基線對齊
top : 頂部對齊
bottom ：底部對齊
middle ：居中對齊
放在img 上，控制的是 img 左右兩端文本的垂直對齊方式
4、光標
改變鼠標的顯示效果
屬性：cursor
取值：
default
pointer ：小手
crosshair ：+
text ： I
wait : 等待
help : ？
響應式和自適應的區別？
自適應：
在不同分辨率下不同設備上顯示相同的頁面。即：根據屏幕的寬度，自動調節網頁內容的大小，使其主體內容和布局不變。
響應式：
響應式的概念應該是覆蓋了自適應，但是包括的東西更多了。響應式布局可以根據屏幕的大小自動的調整頁面的展現方式，以及布局。
(1)允許網頁的寬度自動的調整
(2)盡量少使用絕對的寬度，多點百分比
(3)相對大小的字體:字體不要使用px寫死，最好使用相對大小的em，或者高清方案rem，這個不限制與字體，別的屬性也可以這么設置
(4)流式布局，float等float的好處是，如果寬度太小，放不下兩個元素，后面的元素會自動滾動到前面元素的下方，不會在水平方向overflow（溢出），避免了水平滾動條的出現。
(5)選擇加載css，<link rel="stylesheet" type="text/css" media="screen and (max-device-width: 400px)" href="tinyScreen.css" />，這個意思是如果屏幕寬度小于400像素（max-device-width: 400px），就加載tinyScreen.css文件。
div添加滾動條？
div 加滾動條的兩種方法：
一、
<div style=" overflow:scroll; width:400px; height:400px;”></div>
記住寬和高一定要設置噢，否則不成的
不過在不超出時，會有下面的滾動條，所以不是最好的選擇
二、
<div style=" overflow-y:auto; overflow-x:auto; width:400px; height:400px;”></div>
記住寬和高一定要設置噢，否則不成的
這樣比較好的是，在寬和高不超出時，只是一條線
三、說明
直接為div指定overflow屬性為auto即可，但是必須指定div的高度，如下：
<div style="position:absolute; height:400px; overflow:auto">
</div>
如果要出現水平滾動條，則： overflow-x:auto
同理，垂直滾動條為： overflow-y:auto
如果該div被包含在其他對象例如td中，則位置可設為相對：position:relative