表單以及css的引入

表單:可以套用表格元素(一個頁面中有且只有一個)
表單基本格式

<form><label></label>(用來顯示信息或者說明性的文字)</form>

input中的屬性:
type:設置表單元素類型具體有以下幾中:
1.text:文本類型 2. password:密碼類型 3.checkbox:複選框
4.rabio:單選按鈕 5.submit:表單數據的提交 6.reset:重置
placeholder:表示佔位符/文本框的陰影提示信息
name:定義一個文本框的名字,具有唯一性
outline:輪廓

<form>
   <label>賬號:</label>
   <input type="text" name="ww" placeholder="QQ號/微信號" />
   <br>
   <label>密碼:</label>
   <input type="password" name="kk" placeholder="請輸入密碼">
   <br>
   <input type="checkbox"/><label for="zz">記住密碼</label>
   <input type="reset" >
   <br>
</form>

也有一個特殊的表單元素

<button></button>按鈕
<textarea></textarea>:文本域  
resize:重置大小一般爲none爲了防止文本域拖拽
text-align:center(文字水平居中)
vertical-align:middle居中(對塊級元素無效)
vertical-align:baseline(對於基線對齊)
vertical-align:middle中線對齊  top:頂線對齊  bottom:底線對齊

css作用:將文字和表現進行分離
css層疊樣式表:多個樣式疊加設置一個元素
css引入方式:

1.外部引入<link rel="stylesheet" type="text/css" href="css/top.css"/>
2.內部引入 <style type="text/css">...</style>(寫在head中)
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章