?(一)文本類型css

????1.文字顏色??color:red/#000/rgb(0,0,0);

????2.字體大小??font-size:16px;

????3.文本水平對齊方式??text-align:left/center/right/justify(兩端對齊);

????4.文本修飾??text-decoration:none(去掉下劃線)/underline(下劃線)/line-through(刪除線);

????5.行高??line-height??第一行文本的中線到第二行文本中線的距離

??????+ 針對多行文本(最好字體大小一樣)之間的上下間距，給行高實現(ps中測量：第一行文本的頭部到第二行文字頭部之間的距離)

??????+ 針對單行文本實現垂直居中效果，line-height:當前盒子的高度;

????6.加粗?font-weight:100-900;???500常規(guī)粗細，值越大字體越粗

????7.傾斜??font-style:italic/normal;

????8.首行縮進??text-indent:2em;??可以取負值

????(二)背景類型css

????1.背景顏色??background-color:red/#000/rgb(0,0,0);

????2.背景圖片??background-image:url(路徑);

????3.背景平鋪??background-repeat:no-repeat(不平鋪)/repeat-x(橫向平鋪)/repeat-y(縱向平鋪);

????4.背景定位??background-position:水平left/center/right/值 垂直top/center/bottom/值;

????5.背景固定??background-attachment:fixed;

????6.背景大小??background-size:cover;??覆蓋

????(三)其他類型css

????1.寬度??width:200px;

????2.高度??height:200px;

????3.浮動屬性??float:left/right/none;

??????特點：給元素添加浮動之后，元素就飄了，就會對后方的元素產生影響

??????作用：實現豎著的元素橫著排列；

????????+ 需要所有的子元素都橫著排列，就需要給所有的子元素都添加浮動，也要給父元素添加height。

????4.外邊距?margin??自身距離外邊的距離?分為四個方向?上top 下bottom 左left 右right

??????左外邊距?margin-left

??????右外邊距?margin-right

??????上外邊距?margin-top

??????下外邊距?margin-bottom

??????margin使用口訣：誰要動就給誰添加margin

??????margin-top的使用是有兼容bug

??????問題描述：給子元素添加margin-top之后，導致整個父元素下移；

??????問題解決：給父元素添加 overflow:hidden; (超出隱藏，BFC原因)

??????margin:0 auto;??auto 自適應

??????可以實現一個有寬度且寬度生效的大標簽做水平居中

??????.box{width:200px;margin:0 auto;}

????(一)大標簽??特點：獨占一行或者一塊區(qū)域，豎著排列

????1.標題標簽??<h1></h1>??...??<h6></h6>

????2.段落標簽??<p></p>

????3.表格標簽?

??????<table>

????????<tr>

??????????<td></td>

????????</tr>

??????</table>

????????重要的標簽屬性：

??????????+ 邊框??border="1"

??????????+ 去掉單元格與單元格之間的默認間距??cellspacing="0"

??????????+ 去掉單元格的內邊距??cellpadding="0"

??????????+ 寬度??width="200"

??????????+ 高度??height="200"

??????????+ 水平對齊方式??align="left/center/right"

??????????+ 合并右邊的單元格(合并列)??colspan="合并的個數"

??????????+ 合并下邊的單元格(合并行)??rowspan="合并的個數"

????????????- 單元格做了合并之后，一定要刪除或者注釋掉多余的單元格

????4.塊標簽??<div></div>

????5.列表標簽??

??????5.1無序列表

????????<ul>

??????????<li></li>

????????</ul>

??????5.2有序列表

????????<ol>

??????????<li></li>

????????</ol>

??????5.3自定義列表

????????<dl>

??????????<dt></dt>

??????????<dd></dd>

????????</dl>

????6.表單標簽??<form action="路徑" method="get/post"></form>

???????????

????(二)小標簽??特點：挨著排列，且有默認間距

????1.文本節(jié)點標簽??<span></span>

????2.加粗標簽??<b></b>??<strong></strong>

????3.傾斜標簽?<i></i>???<em></em>

????4.超鏈接標簽??<a href="#" target="_blank"></a>

????(三)特殊標簽

????1.圖片標簽??<img src="路徑" alt="給用戶提示用語" title="圖片標題">

????2.文本類型輸入框??<input type="text" name="名字" value="值" placeholder="給用戶提示的">

????3.密碼類型輸入框??<input type="password" name="名字" value="值" placeholder="給用戶提示的">

????4.提交按鈕?<input type="submit" value="注冊">

??????????<button>登錄</button>

????5.重置按鈕??<input type="reset" value="">