web学习—css样式表—css属性（二）

5、鼠标效果属性：

cursor属性：定义鼠标的样式。取值如下：

              auto: 正常鼠标。

              crosshair: 十字鼠标。

              default: 默认鼠标。

              pointer: 点状鼠标。

              move: 移动鼠标。

               text: 文字鼠标。

               wait: 等待鼠标。

               help: 求助鼠标。

               progress: 过程鼠标。

               e-resize,ne-resize,nw-resize,n-resize,se-resize,sw-resize,s-resize,w-resize: 改变大小鼠标（n:↑、e：←、w：→、s：↓）。

6、列表的属性：

list-stye-type属性：定义列表样式。取值如下：

             disc: 点。

             circle: 圆圈。

             square: 正方形。

             decimal: 数字。

             lower-roman: 小写罗马文字，例如: i, ii, iii, iv, v, ...。

             upper-roman: 大写罗马文字，例如: I, II, III, IV, V, ...。

             lower-latin: 小写拉丁文，例如: a, b, c, ... z。

             upper-latin: 大写拉丁文，例如: A, B, C, ... Z。

             none: 无(取消所有的list样式)。

list-stye-image属性：定义列表样式图片。取值为：none(无)、url(图片的网址)。

list-style-position属性：定义列表样式的位置。取值为：

             inside：列表符号放置在文本之内，且环绕文本根据项目符号对齐。

             outside：列表符号放置在文本之外，且环绕文本不根据项目符号对齐。

list-style属性：可存放以上三个属性。

        横向列表：1）、添加display属性：值设置为inline时，可以使列表变为横向的。

                            2）、添加float属性。也可以实现这一效果。

7、边框的属性：

border-width属性：定义四个边框的宽度。取值为：thin: 细、medium: 中（默认）、thick: 粗、长度值。取值方式如下：

                4个值时：top right bottom left

                3个值时：top right和left bottom

                2个值时：top和bottom right和left

               1个值时：top和bottom和right和left

       border-top-width属性：定义上边框的宽度。

      border-right-width属性：定义右边框的宽度。

      border-left-width属性：定义左边框的宽度。

      border-bottom-width属性：定义下边框的宽度。

border-color属性：定义四个边框的颜色。取值为：颜色值、颜色名称或transparent（透明）。取值方式如下：

                4个值时：top right bottom left

                3个值时：top right和left bottom

                2个值时：top和bottom right和left

               1个值时：top和bottom和right和left

       border-top-color属性：定义上边框的颜色。

      border-right-color属性：定义右边框的颜色。

      border-left-color属性：定义左边框的颜色。

      border-bottom-color属性：定义下边框的颜色。

border-style属性：定义四个边框的样式。取值如下：

            none: 无样式。

            hidden: 除了同表格的边框发生冲突的时候,其它同none。

            dotted: 点划线。

            solid: 实线。

            double: 双线,两条线加上中间的空白等于border-width的取值。

            groove: 槽状。

            ridge: 脊状,和groove相反。

            inset: 凹陷。

            outset:凸出,和inset相反。

     取值方式如下：

                4个值时：top right bottom left

                3个值时：top right和left bottom

                2个值时：top和bottom right和left

               1个值时：top和bottom和right和left

       border-top-style属性：定义上边框的样式。

      border-right-style属性：定义右边框的样式。

      border-left-style属性：定义左边框的样式。

      border-bottom-style属性：定义下边框的样式。

border属性：定义四个边的宽度,样式,颜色：可以包含以上3个属性。

          注意：border属性不能分别定义4个边框的宽度,颜色和样式，只能统一定义。也不可以对四个边设置不同的值。

        border-top属性：定义上边框的宽度,样式,颜色。

      border-righ属性：定义右边框的宽度,样式,颜色。

      border-left属性：定义左边框的宽度,样式,颜色。

      border-bottom属性：定义下边框的宽度,样式,颜色。

8、关于补白的属性：

margin属性：定义边外补白。值为外边补白宽度。取值为：长度、百分比、auto（）自动。取值方式如下：

               4个值时：top right bottom left

                3个值时：top right和left bottom

                2个值时：top和bottom right和left

               1个值时：top和bottom和right和left

      margin-top属性：定义上边外补白

      margin-right属性：定义右边外补白

      margin-left属性：定义左边外补白

      margin-bottom属性：定义下边外补白

padding属性：定义边内补白。值为内边补白宽度。取值为：长度、百分比、auto（）自动。取值方式如下：

                4个值时：top right bottom left

                3个值时：top right和left bottom

                2个值时：top和bottom right和left

               1个值时：top和bottom和right和left

       padding-top属性：定义上边内补白

      padding-right属性：定义右边内补白

      padding-left属性：定义左边内补白

      padding-bottom属性：定义下边内补白

      至此，对于css的一些常用属性已经看完了。但是，知识是死的，但是我们可以灵活运用，来达到自己既想要的效果。直到现在才知道css是十分灵活的。下面，还有好多语法需要了解。还是那句话，界面不是我主要想学的方面，所以css制作一个初步的学习。