[TOC]
# 1. 鼠標樣式cursor
設置或檢索在對象上移動的鼠標指針采用何種系統預定義的光標形狀。
```css
cursor : default 小白 | pointer 小手 | move 移動 | text 文本
```
鼠標放我身上查看效果哦:
``` html
<ul>
?<li style="cursor:default">我是小白</li>
?<li style="cursor:pointer">我是小手</li>
?<li style="cursor:move">我是移動</li>
?<li style="cursor:text">我是文本</li>
</ul>
```
盡量不要用hand,因為火狐不支持 pointer,ie6以上都支持的盡量用。
**`html\鼠標樣式.html`**
<br/>
# 2. 輪廓 outline
是繪制于元素周圍的一條線,位于邊框邊緣的外圍,可起到突出元素的作用。
```css
outline : outline-color outline-style outline-width
```
但是我們都不關心可以設置多少,我們平時都是去掉的。
最直接的寫法是 : `outline: 0;` 或者 `outline: none;`
```css3
<input type="text" style="outline: 0;"/>
```
<br/>
# 3. 防止拖拽文本域resize
`resize:none` 這個單詞可以防止火狐、谷歌等瀏覽器隨意的拖動文本域。
```html
<textarea style="resize: none;"></textarea>
```
- 0 學前必讀
- CSS是什么?
- 如何引用CSS
- 內聯樣式表
- 行內式
- 外部樣式表
- 三種引用方式的比較
- CSS語法規范
- 選擇器
- 基礎選擇器
- 復合選擇器
- CSS注釋
- 字體樣式font屬性
- 標簽顯示模式display屬性
- 塊級元素
- 行內元素
- 行內塊元素
- 三種顯示模式的轉換
- 行高line-height屬性
- CSS三大特性
- 背景background屬性
- 盒子模型
- 邊框border
- 內邊距padding
- 外邊距margin
- 外邊距的合并
- content的高度和寬度
- 盒子模型布局的穩定性
- 圓角邊框border-radius
- 盒子陰影box-shadow
- 浮動float
- 普通流
- 浮動float
- 版心和布局
- 布局流程
- 常見布局方式
- 清除浮動
- 定位postion
- 定位屬性
- 疊放次序z-index
- 元素的顯示與隱藏
- 用戶界面樣式
- 溢出的文字隱藏
- CSS精靈技術
- 什么是精靈技術?
- 精靈技術的使用
- 滑動門
- web字體
- 字體圖標
- icon圖標
- BFC
- 優雅降級和漸進增強
- HTML5新增的元素和特性
- CSS3盒模型
- 過渡、變形、動畫
- 彈性布局
- 對齊
- 網站優化三大標簽