0428css样式

<!--外联样式（link：联系）-->
<link rel="stylesheet" type="text/css" href=""/>
<!--内嵌（style:风格、样式）-->
<style type="text/css">
<!--内联-->
<div style=""></div>

/*井号#代表id*/
#weiyi{}/*选择id="weiyi"的元素*/
/*.代表class*/
.kechongming{}/*选择所有class="kechongming"的元素*/
/*通过标签名直接控制*/
div{}/*选择所有div*/
span{}/*选择所有span*/
/*并列选择,元素之间加 , */
#weiyi,.kechongming,div,class,span{}
/*空格 选择后代*/
#houdai div{}/*选择id="houdai"的元素中的所有div*/
.houdai_ span{}/*选择所有class="houdai_"的元素中的所有span*/
<!--选择器-->
<div id="weiyi"></div>
<div class="kechongming"></div>
<div class="kechongming"></div>
<div class="kechongming"></div>
<div id="houdai">
　　<div></div>
　　<div></div>
　　<span></span>
　　<span></span>
</div>

/*样式 大小与背景*/
#beijingtupian{
　　margin-top:10px ;
　　width: 200px;
　　height: 200px;
　　border: 1px solid red;
　　background-image: url(../../xiaomi/disanhanggundong.png);
　　background-size: 150px,100px;/*背景尺寸*/
　　background-repeat:no-repeat ;/*背景平铺方式*/
}
<!--样式-->
<!--大小与背景-->
<div style="width: 200px; height: 200px; background-color: green;"></div>
<div id="beijingtupian"></div>

/*字体样式*/
span{
　　font-family: "微软雅黑";
　　font-size:16px;
　　font-style: italic;/*字体倾斜*/
　　font-weight: bolder;/*字体加粗*/
　　text-decoration: line-through;/*删除线（through：穿过）*/
　　color: orange;
}
<!--字体的样式-->
<span>字体的样式</span>