css央样式属性

<link rel="stylesheet" type="text/css" href="mystyle.css">

字体

font-family:"字体";   字体

font-size:12px;    大小

color:         颜色

font-weight:bold;      文字粗细  bold加粗  normal正常

font-style:italic;      文字倾斜   italic倾斜  normal正常

font-decoration:underline;    下划线  overline  上划线  line-through  删除线

text-transform:capitalize    单词首字母大写  uppercase全部大写  lowercase全部小写

text-align:center;    (水平对齐)居中对齐,left左对齐,right右对齐,

vertical-align:middle;  (垂直对齐)居中对齐,top顶部对齐,bottom底部对齐

line-height:    行高(1.5倍—2倍字体大小)

背景与前景

    背景色

background-image:url(路径);    背景图片

background-attachment:fixed:    背景固定

background-attachment:scroll;    背景滚动

background-repeat:no-repeat;         no-repeat不平铺repeat平铺repeat-x横向平铺repeat-y纵向平铺

background-position:center;    居中

background-position:left 100px top 200px;    离左边100像素 离上边200像素

图片样式

border  边框    margin  表外间距    padding  内容与单元格

border-style:dotted;    点划线

border-style:dashed;    虚线

border-style:solid;    实线

border-color:#000;    颜色

border-width:1px;    宽度

border-top:1px solid #000;    上

border-bottom:    下

border-left:      左

border-right:    右

margin:20px 0px 0px 20px  上 右 下 左

margin:auto;  居中

border-collapse:collapse;    边框重叠

float:left;    靠左

float:right;    靠右

clear:both;    截断流 取消影响

 

超链接控制

a:link    一般链接

a:visited    访问过的链接

a:hover    鼠标指向链接的形式

 

overflow:hidden;    超出范围时隐藏

overflow:scroll;    超出范围时显示滚动条

 

cursor:pointer    鼠标指到上面的形状

 

posted @ 2015-11-05 18:24  默认lz  阅读(181)  评论(0编辑  收藏  举报