界面设计常用CSS属性

CSS常用属性整理：

1 字体属性

font-family 设置使用的字体

font-style 设置字体的样式，是否斜体

font-variant 设置字体的大小写

font-weight 设置字体的粗细

*font-size 设置字体的大小

2 颜色和背景属性

*color 设置元素前景色

*background-color 设置元素背景色

background-imge 设置元素背景图案

background-repeat 设置背景图案的重复方式

background-attachmen 设置背景图案的滚动方式

background-position 设置背景图案的初始位置

3 文本属性

*text-align 设置文本的对齐方式

*text-indent 设置文本的首航缩进

*line-height 设置文本的行高

a:link 设置链接未访问的状态

a:visited 设置链接访问过的的状态

a:hover 设置链接的鼠标激活状态

4. 块属性

margin-top 设置顶边距

margin-right 设置右边距

padding-top 设置顶端填充距

padding-right 设置右侧填充距

5 边框属性

border-top-width 设置顶端边框宽度

border-right-width 设置右端边宽宽度

width 设置图文混排的宽度属性

height 设置图文混排的高度属性

6 项目符号和编号属性

display    设置是否显示

white-space 设置空白部分的处理方式

7 层属性定位

Absolute  设置绝对定位

Relative 设置相当定位

Static 设置无特殊定位

 其他常用属性：

a 标签去下划线：text-decoration:none

a标签移入显示提示性文字或图片：显示是文字title=""；图片的话就用ALT=“”

　　例子：
　　<a href="http://www.baidu.com" title = "点击进入百度">百度</a> 
　　<img src="http://www.baidu.com/img/logo.gif" alt="百度图标"/>

div添加阴影效果：box-shadow:10px 10px 5px 10px #ccc inset；依次是水平阴影长度、垂直阴影长度、阴影模糊值、阴影外延值、阴影颜色、此值为空时为外阴影，设置成inset为内阴影

div圆角效果：border-radius: 5px 5px 5px 5px;  依次是左上角、右上角、右下角、左下角缩进的像素