CSS常用属性整理:
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; 依次是左上角、右上角、右下角、左下角缩进的像素