码迷,mamicode.com
首页 > Web开发 > 详细

CSS中常用的属性

时间:2017-07-28 23:44:02      阅读:234      评论:0      收藏:0      [点我收藏+]

标签:边框颜色   order   ima   att   lib   roman   cap   文本   需要   

字体属性

Font-family 字体族科

Font-size  字体大小

Font-style  字体样式 

Font-weight 字体加粗  normal |bold(加粗)|lighter(变细)

Font-variant 字体变形   normal|small-caps

Font:[字体风格] [字体变形] [字体加粗] <字体大小>[/行高] <字体族科>

颜色属性

Color

背景属性

Background-repeat: 背景重复

Repeat-x(x轴方向重复) | repeat-y(y轴方向重复) |no-repeat(不重复)

Background-attachment: 背景附件 scroll(默认值)  fixed(固定)

Background-position:背景位置

Left|center|right( 横向)

Top|center|bottom(纵向)

像素

注意:background-position 两个值之间需要使用空格隔开

Background:<背景颜色>|<背景图片>|<背景重复>|<背景附件>|<背景位置>

每个属性中间都要用空格隔开

  1. 边框属性

border-style 边框样式

 

:

  dotted 点线

  Dashed 虚线

  Solid   实线

  Double 双实线

  Groove 槽状线

  Ridge   脊线

  Inset  内嵌效果

  Outset 外凸效果

  Border-width 边框宽度

  Border-color  边框颜色

  Border:边框宽度 边框样式 边框颜色;

文本属性

Letter-spacing  字母间隔 

Word -spacing  词间距 

Text-decoration 文本修饰

None(默认值) 通常我们使用这个属性将a标签的默认下划线取消

Underline 定义文本下的一条线

Overline 定义文本上的一条线

Line-through  定义穿过文本中的一条线

Text-align 对齐方式

  Justify 将我们的文字贴近我们的边框 将我们的空白留给中间

Text-indent  文本缩进  2em
line-height 设置行间距离(行高)  

 

  5. 鼠标光标属性

Cursor

Text      文本

Crosshair 十字架

Wait     等待

Help     帮助

Pointer   小手

6.列表属性

List-style-type  列表样式类型

值:

Disc 实心点

Circle 圆圈

Square 小方块

Decimal   数字

Lower-roman  小写罗马字

Upper-roman  大写罗马字

Lower-alpha   小写字母

Upper-alpha   大写字母

None 没有标识

List-style-image  列表样式图片

url()

List-style-position 列表样式位置

Inside 表示在li里面

Outside 表示在li外面(默认值)

 

CSS中常用的属性

标签:边框颜色   order   ima   att   lib   roman   cap   文本   需要   

原文地址:http://www.cnblogs.com/ccczy/p/7252928.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!