1、字體
font-family：字體；
<body> <div style="font-family:宋體">宋體</div> </body>
font-size：字號；
<body> <div style="font-family:宋體; font-size:36px">宋體</div> </body>
font-weight：bold/normal字體加粗還是正常
<body> <div style="font-family:宋體; font-size:36px; font-weight:bold">宋體</div> </body>
font-style：italic/normal 傾斜還是正常
<body> <div style=" font-style:italic">宋體</div> </body>
color是字體顏色
<body> <div style=" font-style:italic; color:#F00">宋體</div> </body>
text-decorration：underline/overline/line-through下划線上划線刪除線；none正常不有線
<body> <div style=" text-decoration:line-through;">電話是法國和師傅趕緊的還能夠的話你</div> </body>
<body> <div style=" text-decoration:underline;">電話是法國和師傅趕緊的還能夠的話你</div> </body>
<body> <div style=" text-decoration:line-through;">電話是法國和師傅趕緊的還能夠的話你</div> </body>
text-align：水平居中方式，center/left/right
<body> <div style="width:100px; height:100px; background-color:#F00; text-align:center">師傅趕緊你 </div> </body>
vertical-align：垂直對齊方式middle、top、bottom 必須和line-height：行高一起使用，不然垂直居中不起作用
<body> <div style="width:100px; height:100px; background-color:#F00; text-align:center; vertical-align:middle; line-height:100px">師傅趕緊你 </div> </body>
2、隱藏
display：none不顯示（在瀏覽器中不占空間）；display:block顯示為塊，自動換行；display:inline-block顯示為塊不自動換行，寬高可調整；
display:inline效果同span標簽，不自動換行不可調整寬高
visibility：hidden隱藏但是在瀏覽器中還占空間 visibility：visible顯示
隱藏前
<body> <div style="width:100px; height:100px; background-color:#F00; text-align:center; vertical-align:middle; line-height:100px;">一會要隱藏 </div> <div style=" width:100px; height:10px"></div> <div style="width:100px; height:100px; background-color:#F00; text-align:center; vertical-align:middle; line-height:100px;">師傅趕緊你 </div> </body>
用display隱藏
<body> <div style="width:100px; height:100px; background-color:#F00; text-align:center; vertical-align:middle; line-height:100px; display:none">一會要隱藏 </div> <div style=" width:100px; height:10px"></div> <div style="width:100px; height:100px; background-color:#F00; text-align:center; vertical-align:middle; line-height:100px;">師傅趕緊你 </div> </body>
用visibility隱藏；隱藏后隱藏的表格在瀏覽器上還是占着一定的空間的
<body> <div style="width:100px; height:100px; background-color:#F00; text-align:center; vertical-align:middle; line-height:100px; visibility:hidden">一會要隱藏 </div> <div style=" width:100px; height:10px"></div> <div style="width:100px; height:100px; background-color:#F00; text-align:center; vertical-align:middle; line-height:100px;">師傅趕緊你 </div> </body>
超出部分隱藏overflow
<body> <div style="width:100px; height:100px; background-color:#F00; text-align:center; vertical-align:middle; line-height:100px; overflow:hidden">一會要豆腐宴哦哦還是對方后衛i放到空間發士大夫藏 </div> </body>
