css备忘录-不定期更新

字体属性

color: '#ccc', //文字颜色
font-size：''; //设置字体大小
font-family: ''; //设置文字字体
font-weight: bold; //文字加粗
font-style: itelic; //文字倾斜
font-variant: small-caps; //小字体
letter-spacing：1px; //设置字符间距
line-height: 10px; //设置行高
text-decoration: line-through; //删除线
text-decoration: overline; //加顶线
text-decoration: underline; //下划线
text-decoration: none; //删除链接下划线
text-transform: capitalize; //首字母大写
text-transform: uppercase; //英文大写
text-transform: lowercase; //英文小写
text-align: right; //文字右对齐
text-align: left; //文字左对齐
text-align: center; //文字居中对齐
text-align: justify; //文字分散对齐
text-indent:数值|inherit; //首段空格

vertical-align属性

vertical-align:top; //垂直向上对齐
vertical-align:bottom; //垂直向下对齐
vertical-align:middle; //垂直居中对齐
vertical-align:text-top; //文字垂直向上对齐
vertical-align:text-bottom; //文字垂直向下对齐

鼠标光标

cursor: pointer; //鼠标小手
cursor: hand; //链接手指 
cursor: crosshair; //十字体
cursor: s-resize; //箭头朝下 
cursor: move; //十字箭头 
cursor: move; //箭头朝右 
cursor: w-resize; //箭头朝左 
cursor: n-resize; //箭头朝上 
cursor: ne-resize; //箭头朝右上 
cursor: se-resize; //箭头斜右下 
cursor: nw-resize; //箭头朝左上 
cursor: sw-resize; //箭头斜左下 
cursor: help; //加问号
cursor: text; //文字I型 
cursor: wait; //漏斗 

边框线条

solid //实线框
dotted //虚线框
double //双线框
groove //立体内凸框
ridge //立体浮雕框
inset //凹框
outset //凸框
border-top-color: '#ccc'; //设置上框线top颜色
border-top-width: 1px; //设置上框线top宽度
border-top-style: solid; //设置上框线top样式
border-color: '数值' '数值' '数值' '数值' //分别对应上右下左

定位、浮动、对齐

text-align: left|right|center|justify; //文字对齐方式
float: left|right|none; //浮动: 左、右、无
position: absolute|relative|fixed; //定位: 绝对定位|相对定位|固定定位

链接属性

a //所有超链接
a:link //超链接文字格式
a:visited //浏览过的链接文字格式
a:active //按下链接的格式
a:hover //鼠标转到链接

背景样式

background-color: '#F5E2EC'; //背景颜色
background: transparent; //透视背景
background-image : url(/image/bg.gif); //背景图片
background-attachment: fixed; //浮水印固定背景
background-repeat: repeat; //重复排列-网页默认
background-repeat: no-repeat; //不重复排列
background-repeat: repeat-x; //在x轴重复排列
background-repeat: repeat-y; //在y轴重复排列