样式表--

Posted 2020-08-16 徐文昊

<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;}