# 常用样式
[TOC]
## 宽高
`width`属性设置宽度，`height`属性设置高度
~~~css
div {
width:20px;
height:30px;
}
~~~
>[danger]宽高属性用来设置块级元素
替换元素一般有内在尺寸，所以具有width和height，可以设定。例如你不指定img的width和height时，就按其内在尺寸显示，也就是图片被保存的时候的宽度和高度。
对于表单元素，浏览器也有默认的样式，包括宽度和高度。
## 鼠标手势
cursor属性设置鼠标的光标显示效果
~~~css
p {
cursor:pointer;
}
~~~
## 内容溢出
`overflow`属性控制内容的溢出效果
~~~css
#overflowTest {
background: #4CAF50;
color: white;
width: 80%;
height: 100px;
overflow: scroll;
border: 1px solid #ccc;
}
~~~
>[info]我们常使用`overflow`属性来调出滚动条，可以使用overflow-x和overflow-y设置左右上下的控制条
## CSS图像透明
`opacity`属性设置图像的透明度，值的范围在（0.0-1.0）之间
~~~css
img {
opacity:0.8;
}
~~~
