文本类：
1、文本框：<input type="text">;
2、密码框：<input type="password">;
3、文本域：<textarea rows=”” cols=””></textarea>；
按钮类：
1、普通按钮： <input type = "button" value = "确定" />；
2、提交按钮： <input type = "submit" value = "提交" />；
3、重置按钮：<input type = "reset" value = "取消" />；可取消所有文本框里的内容。
4、图片按钮： <input type="image" src=”jpg”/>；点击图片可跳转链接。
选择类：
1、单选按钮：<input type="radio" name="">选项，后加checked为默认；
2、复选按钮：<input type="checkbox" >选项，后加checked为默认；
3、下拉列表：使用select标签；
4、文件：<input type="file" >。
验证：
1、<input type="text" required="required"/ >为必填项，如果没有输入任何内容，点击提交按钮就会错误提示；
2、<input type="text" placeholder=“”/ >为默认提示，文本框内出现提示，输入内容提示消失。
选择器基本语法结构：
选择器{修改文本属性 }
link用来链接外部样式表
标签选择器：
h1{font-size：10px；color：#f00；}
类选择器：
<标签名class=“类名称”>标签内容</标签名>
CSS :点 类名称{文本修改属性}
ID选择器：<标签名ID=“ID名称”>标签内容</标签名>
CSS: #ID名称{文本修改属性}
类选择器可以批量修改类名称相同的文本属性；
ID选择器单个修改文本属性。
层次选择器：
1、后代选择器：中间加空格（E F），E标签里的所有F标签的文本属性都被修改；
2、子选择器：中间加">"（E>F），E标签里的下级F标签的文本属性被修改；
3、相邻兄弟选择器：点 brother与基本标签中间加"+",修改下一个相同标签的文本属性，原标签后加class=“brother”；
4、通用兄弟选择器：点 brother与基本标签中间加"~",修改后边所有相同标签的文本属性，原标签后加class=“brother”；
伪类选择器：可以修改指定标签的文本属性。如：
body>p:nth-child(2){color:#f00;}
相关文章：