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　　　　鼠标指到上面的形状

 

转载于:https://www.cnblogs.com/lz123/p/4940432.html