css样式中常见的属性有哪些

　　介绍

这篇文章将为大家详细讲解有关css样式中常见的属性有哪些,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

<强>一、css文字属性:

color :, # 999999;,/*文字颜色*/font-family :宋体,无衬线,,/*文字字体*/时间:font-size  9 pt;,/*文字大小*/字体样式:itelic;,/*文字斜体*/字体参数:小型大写字母,,/*小字体*/letter-spacing : 1 pt;,/*字间距离*/line-height : 200%,,/*设置行高*/粗细:大胆,,/*文字粗体*/vertical-align:子,,/*下标字*/vertical-align:超级;,/*上标字*/文字修饰:线穿过,,/*加删除线*/文字修饰:上划线,,/*加顶线*/文字修饰:下划线;,/*加下划线*/文字修饰:没有,,/*删除链接下划线*/indent: 30 px;/*段落首行缩进*/时间:text-transform 利用;,/*首字大写*/text-transform :大写,,/*英文大写*/text-transform :小写,,/*英文小写*/text-align:对,,/*文字右对齐*/, 　　text-align:左,,/*文字左对齐*/text-align:中心;,/*文字居中对齐*/text-align:证明;,/*文字分散对齐*/vertical-align属性,,,,vertical-align:,,/*垂直向上对齐*/vertical-align:底部,,/*垂直向下对齐*/vertical-align:中间,,/*垂直居中对齐*/vertical-align: text-top;,/*文字垂直向上对齐*/vertical-align: text-bottom;,/*文字垂直向下对齐*/

<强>二、CSS边框属性- - -边框留空白

padding-top: 10 px;,/*上边框留空白*/padding-right: 10 px;,/*右边框留空白*/padding-bottom: 10 px;,/*下边框留空白*/padding-left: 10 px;,/*左边框留空白

<强>三、CSS符号属性

list-style-type:没有,,/*不编号*/list-style-type:十进制;,/*阿拉伯数字*/list-style-type:小写罗马数字,,/*小写罗马数字*/list-style-type:大写罗马数字,,/*大写罗马数字*/list-style-type:小写;,/*小写英文字母*/list-style-type:大写阿拉伯数字,,/*大写英文字母*/list-style-type:盘;,/*实心圆形符号*/list-style-type:圆;,/*空心圆形符号*/list-style-type:广场,,/*实心方形符号*/list-style-image: url (/dot.gif);,/*图片式符号*/list-style-position:外面,,,/*凸排*/list-style-position:内部,,/*缩进*/

<强>四、CSS背景样式

background - color: # F5E2EC;,/*背景颜色*/, 　　背景:透明的,,/*透视背景*/background-image : url(/图像/bg.gif);,/*背景图片*/时间:background-attachment 固定;,/*浮水印固定背景*/时间:background-repeat 重复;,/*重复排列——网页默认*/background-repeat :不再重演,,/*不重复排列*/时间:background-repeat  repeat-x;,/*在x轴重复排列*/时间:background-repeat  repeat-y;,/*在y轴重复排列*/,指定背景位置 　　background-position : 90%, 90%,,/*背景图片x与y轴的位置*/background-position :,,,/*向上对齐*/时间:background-position 鞋底;,/*向下对齐*/background-position :,左,,/*向左对齐*/background-position :正确的,,/*向右对齐*/background-position :中心;,/*居中对齐*/

<强>五、CSS连接属性

a /*所有超链接*/,答:link /*超链接文字格式*/, 　　答:visited /*浏览过的链接文字格式*/,active /*按下链接的格式*/答:hover /*鼠标转到链接*/,鼠标光标样式: 　　链接手指,光标:手;(十字体),游标:十字丝;(箭头朝下),游标:s-resize;(十字箭头),游标:移动;(箭头朝右),游标:移动;(加一问号),游标:帮助;(箭头朝左),游标:w-resize;(箭头朝上),游标:n-resize;(箭头朝右上),游标:ne-resize;(箭头朝左上),游标:nw-resize;(文字我型),游标:文本;(箭头斜右下),游标:se-resize;(箭头斜左下),游标:sw-resize;(漏斗),游标:等;(光标图案(IE6)),, 　　p {光标:url(“光标文件名.cur”),文本;}

<强>六、CSS框线一览表

border-top :, 1 px  solid  # 6699 cc,,/*上框线*/border-bottom : 1 px  solid  # 6699 cc,,/*下框线*/border-left : 1 px  solid  # 6699 cc,,/*左框线*/, 　　border-right : 1 px  solid  # 6699 cc,,/*右框线*/

以上是建议书写方式,但也可以使用常规的方式如下:

border-top-color :, # 369,/*设置上框线前颜色*/border-top-width : 1 px /*设置上框线顶部宽度*/border-top-style :固体/*设置上框线前样式*/

其他框线样式:固体/*实线框*/,点缀/*虚线框*/双/*双线框*/,槽/*立体内凸框*/,脊/*立体浮雕框*/,插图/*凹框*/,开始/*凸框*/?/p>

<强>七、CSS表单运用

css样式中常见的属性有哪些