css中的常用式样

常用式样：

文字：
color: red; /文字颜色/
font-family: “宋体”;
font-weight:bold; /bold加粗 normal正常粗细/
font-style: italic;/斜体/
font-size: 30px;/字体大小px 默认大小16px/
text-align: center; /文本水平位置/
text-decoration: line-through;/*下划线 上划线 横杆 */
letter-spacing:0px;/字符间距/
line-height: 60px; /行高 若是单行 和高度相同 则是竖直居中/

背景：
背景颜色：background-color: rgba(0,0,255,0.3);
背景图片：background-image: url(img/Desert.jpg);
背景大小：background-size:20px 20px;
背景是否重复：background-repeat: no-repeat;
背景位置：background-position: 10px 40px;

整体大小：
width: 200px; /px %相对于父容器/
height: 60px;
min-height: ; /最小高度可随内容自动撑开/

边框：
边框宽度：border-width: 10px;
边框颜色：border-color: red;
边框风格：border-style: solid; （solid实线 dashed虚线 dotted点虚
border:gray 1px dotted;
圆角矩形：border-radius: 3px;/圆角矩形 px %/
/border-bottom: 10px red solid;/

透明度 阴影：
整体的透明度：opacity: 1;
阴影 ：x y 扩散距离 颜色
box-shadow:5px 5px 5px grey;

鼠标式样：
鼠标置于上面时出现小手：cursor: pointer; /auto pointer move progress/

序列装饰物：
取消序列装饰物：list-style: none;

位置(UNDONE)：
定位方式 static relative absolute fixed

相对定位 ：position: relative;
相对自己在默认状态下的位置
局部微调时使用 只对自己有影响
绝对定位 ：position: absolute;
不会自动撑开父容器
找父级容器(第一个不是static定位的 )为参照物
否则以窗口为参照物