html基礎複習

1.標籤選擇器
	div{}
	2.類選擇器
	.one class="one"
	3.id選擇器（定義+調用）
	#one{} id="one"
	4.通配符選擇器
	*{}
	5.後代選擇器
	.one a {}
	6.子代選擇器
	.one>a{}
	7.交集選擇器
	p.one {}
	8.並集選擇器
	.one,.two {}
	9.僞類選擇器（1個經常使用的）
	a:hover{}
	10.寬度100
	width:100px;
	11.高度150
	height：150px;
	12.字體大小20
	font-size：20px;
	13.字體不加粗
	font-weight：normal 400 bold 700
	14.字體傾斜
	font-style：normal; italic;
	15.字體微軟雅黑
	font-family："微軟雅黑";
	16.背景顏色紅色
	background-color：red;
	17.背景顏色黑色，透明度0.5
	background-color：rgba（0,0,0,0.5）;
	18.背景不平鋪
	background-repeat：no-repeat;
	19.背景位置
	background-positio：center center;
	20.文本方向水平居中
	text-align：center;
	21.文本方向垂直居中（高30）
	line-height：30px;
	22.首行縮進2格
	text-indent：2em;
	23.取消下劃線
	text-decoration：underline; none;
	24.圓角矩形爲圓形 <!-- * -->
	border-radius：50%;
	25.右浮動
	float：right;
	26.左外邊距20 <!-- * -->
	margin-left：20px;
	27.右內邊距10 <!-- * -->
	padding-right：10px;
	28.絕對定位 <!-- * -->
	position:absolute;
	29.相對定位 <!-- * -->
	position：relative;
	30.過渡屬性 <!-- * -->
	transition：all 0.4s;
	31.背景複合屬性 <!-- * -->
	background：url() no-repeat 0 0 center;
	32.邊框 <!-- * -->
	border：1px soild（deshed） pink;
	33.div標籤
	<div></div>
	34.span標籤
	<span></span>
	35.單選按鈕
	<input type="radio" name="" id="">
	36.文件上傳
	<input type="file" name="" id="">
	37.提交按鈕
	<input type="submit" name="" id="">
	38.文本域
	<textarea name="" id="" cols="30" rows="10"></textarea>
	39.密碼框
	<input type="password" name="" id="">
	40.下拉菜單
	<select name="" id="">
	<option value=""></option>
	</select>
	41.無序列表
	<ul>
	<li></li>
	</ul>
	42.自定義列表
	<dl>
	<dt>
	<dd></dd>
	</dt>
	</dl>
	43.標題5
	<h5></h5>
	44.段落標籤
	<p></p>
	45.表單域
	<form action=""></form>
	46.普通文本框
	<input type="text" name="" id="">
	47.表單普通按鈕
	<input type="button" name="" id="" value="普通按鈕">
	<button>普通按鈕</button>
	48.加粗
	<b></b> <strong></strong>
	49.傾斜
	<i></i> <em></em>