前端基礎第六天覆習
顯示與隱藏
display
none 無 隱藏元素
block 顯示元素 轉換為塊級元素
visibility
visible 顯示
hidden 隱藏
dis 和vis 區別 display 不佔位置 visibility佔位置
overflow
hidden
溢位的部分隱藏掉
visible 顯示
auto 自動 超出就顯示滾動條 不超出不顯示滾動條
scroll
總是顯示滾動條
vertical-align
和行內塊搭配 使用
img input
img 圖片 預設和 文字的 基線對齊
CSS精靈 (sprite)
為什麼用精靈技術：為了減少去伺服器的請求次數
怎麼實現精靈技術： 把多個小背景圖片放到一張大圖上面
我們怎麼使用精靈： 背景定位 background-position
一定學會用fw 去測量精靈圖
分支主題 6
溢位的部分顯示省略號
1. 文字一行顯示 不換行 white-space： nowrap
2. 溢位部分隱藏 overflow：hidden；
3. 超出的部分以省略號顯示 text-overflow:ellipsis
使用者介面
cursor 滑鼠樣式
default 小白
text 文字
move 移動
pointer 小手
輪廓線 針對於表單
outline：0 或者 none
防止文字域拖拽
resize: none;