首页 > 代码库 > 样式表--
样式表--
<div style=:width:600px; heiget:600px; background-color:...; background-image; background-repea:...; background-position;
宽度 高度 背景颜色 背景图片 背景图平铺 背景图位置
background-attachment; background-size 200px 200px;
背景图滚动 背景图大小
------------------------------------------------------------------------字体设置------------------------------------------------------------------------------
<div style=font-famliy:...; font-size:...; font-weight:italic; font-weight:bold; color;
设置字体样式 设置字体大小 倾斜 加粗 颜色
text-decoration:underline && overline && line-through && none >
下划线 上划线 删除线 去掉下划线
----------------------------------------------------------------<去掉下换线改字体颜色>-------------------------------------------------------------------
<a id="d1" href="http://www.baidu.com">超链接</a> #d1{width:100px; height:100px; text-decoration:none; color:..;}
去掉下划线 改变字体颜色
-----------------------------------------------------------------------<div>-------------------------------------------------------------------------------
<div id="m1">测试</div>
#m1{width:300px; height:300px; background-color:#0F0; color:#60C; text-align:center; vertical-align:middle; line-height:300px;}
水平对齐 垂直对齐 行高
-----------------------------------------------------------------------------*--------------------------------------------------------------------------------
*{ margin:0px auto; padding:0px} 调整无边距 auto 使图片居中
---------------------------------------------------------------套<div>-------------------------------------------------------------------------------------
<div id="wai">
<div id="nei">
<div id="li"></div>
</div>
</div>
#wai{ width:300px; height:300px; background-color:#000;}
#nei{ float:left; width:200px; height:160px; background-color:#999; margin:20px 30px 20px 30px; padding: 40px 0px 0px 10px;}
#li{ width:100px; height:100px; background-color:#F0F;}
样式表--