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-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制作一个初步的学习。