[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盒模型
- 过渡、变形、动画
- 弹性布局
- 对齐
- 网站优化三大标签