CSS 其他属性

关于浏览器支持：若未特别标明则主流浏览器都支持，其中以 IE 作为重点关注（IE8以下不考虑）。

属性	描述	版本
cursor	规定要显示的光标的类型（形状）	CSS2
opacity	设置一个元素的透明度级别	CSS3
box-sizing	允许您为了适应区域以某种方式定义某些元素	CSS3
resize	定义元素是否可以改变大小	CSS3
content	与 :before 以及 :after 伪元素配合使用，来插入生成内容	CSS2
counter-increment	递增或递减一个或多个计数器	CSS2
counter-reset	创建或重置一个或多个计数器	CSS2
quotes	设置嵌套引用的引号类型	CSS2

cursor

cursor 属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状。

值	描述
url	需使用的自定义光标的 URL。
auto	默认。浏览器设置的光标。
default	默认光标（通常是一个箭头）
crosshair	光标呈现为十字线。
pointer	光标呈现为指示链接的指针（一只手）
move	此光标指示某对象可被移动。
e-resize	此光标指示矩形框的边缘可被向右（东）移动。
ne-resize	此光标指示矩形框的边缘可被向上及向右移动（北/东）。
nw-resize	此光标指示矩形框的边缘可被向上及向左移动（北/西）。
n-resize	此光标指示矩形框的边缘可被向上（北）移动。
se-resize	此光标指示矩形框的边缘可被向下及向右移动（南/东）。
sw-resize	此光标指示矩形框的边缘可被向下及向左移动（南/西）。
s-resize	此光标指示矩形框的边缘可被向下移动（北/西）。
w-resize	此光标指示矩形框的边缘可被向左移动（西）。
text	此光标指示文本。
wait	此光标指示程序正忙（通常是一只表或沙漏）。
help	此光标指示可用的帮助（通常是一个问号或一个气球）。

cursor:pointer;
cursor: url(http://xxxx.xxx/cursor.ico),auto;

自定义鼠标显示图标注意项

• 使用通用图片格式cur和icon，浏览器都支持。
• 鼠标图片的推荐尺寸是32*32。
• 图片地址为绝对路径。
• 在IE中容易与元素 title 和 alt 属性起冲突。

opacity

opacity 属性设置一个元素的透明度级别。
IE8和早期版本支持另一种过滤器属性。例：filter:Alpha(opacity=50)。

值	描述
value	指定不透明度。从0.0（完全透明）到1.0（完全不透明）

div{
   
  opacity:0.5;
  filter:Alpha(opacity=50);  /*IE8及早期版本*/
}

box-sizing

box-sizing 属性设置元素的 width,height 与 border,padding 的关系。

值	描述
content-box	默认值，元素边框和内边距不计于元素宽高内。
border-box	元素边框和内边距计于元素宽高内。

<style>
div{
    
  width:100px;
  height:100px;
  border:20px solid pink;
  padding:20px;
}
.div2{
    
  box-sizing:border-box;
}
</style>

<div>div1</div>
<div class="div2">div2</di