# 常用樣式
[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;
}
~~~
