CSS 的一些基础内容

Posted 2020-06-30

## CSS cursor 属性
cursor 属性规定要显示的光标的类型（形状）。

实例
一些不同的光标：
- 
- span.crosshair {cursor:crosshair;}
- span.help {cursor:help;}
- span.wait {cursor:wait;} 
## CSS visibility 属性
visibility 属性规定元素是否可见。

实例
使 h2 元素不可见：
- 
- h1.visible {visibility:visible}
- h1.invisible {visibility:hidden}




## CSS z-index 属性 ##
定义和用法

z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。

注释：元素可拥有负的 z-index 属性值。

注释：Z-index 仅能在定位元素上奏效（例如 position:absolute;）！

说明
该属性设置一个定位元素沿 z 轴的位置，z 轴定义为垂直延伸到显示区的轴。如果为正数，则离用户更近，为负数则表示离用户更远。

**要配合定位使用**

#  CSS3  #

CSS3 边框

通过 CSS3，能够创建圆角边框，向矩形添加阴影，使用图片来绘制边框 - 并且不需使用设计软件，比如 PhotoShop。

边框属性：

- border-radius 
- box-shadow 
- border-image 

## CSS3 背景 ##

CSS3 包含多个新的背景属性，它们提供了对背景更强大的控制。

背景属性：

background-size 
background-origin 

## CSS3 文本效果 ##

CSS3 包含多个新的文本特性。

文本属性：

- text-shadow 
- word-wrap