Css样式表和input框

input ：输入框---type取值的不同，不同类型
<input type="text" />
<input type="password" />
<input type="radio" />--互斥的单选效果
<input type="checkbox" />--多选
<input type="submit" />--提交按钮
<input type="reset" />--重置，恢复到初始状态
<input type="button" value="普通按钮" />
<input type="file" />---选择本地文件，备于上传

<input type="hidden" />--隐藏域，不显示----常用来记载不希望用户看见的关键数据，隐秘数据（加密完毕再存入）

<form>
<input type="file" style="width:200px;color:red;">
<input type="reset">
</form>

CSS 的定义方式：
方式一：内联方式---CSS 样式定义在 html 元素的 style 属性里---重用性和可维护度不好
方式二：内部样式表---CSS 样式定义在 head 里的 style 元素里
方式三：外部样式表---CSS 样式定义在单独的 .css 文件里，html 页面上用 link 引入-----优先推荐使用

选择器的定义---决定使用样式声明
1、元素选择器，如 h1/div/p---以html中标记的名称-----为同一类元素定义样式


2、样式类
css：     .name {}
html：    <任元素 class="name" 
------多种元素相同的样式


3、分类
CSS：     input.txt {}
html:      <input class="txt"
同一种元素下的细分
<input type="text" />
<input type="button" />


4、ID选择器-----对页面上某个元素的唯一定义
CSS:     #idvalue {}
html:    <元素 id="idvalue"


5、派生选择器---利用html元素的层次关系，选中某种结构下的元素
CSS：    ul li a{XXX}
html：  <ul><li><a>...


6、选择器分组----为n多元素定义相同的样式部分
CSS：       input,a.link,#title,.s1   {XXX}


7、伪类----有不同的状态
:link---未访问过的
:hover---悬浮，悬停
:active---按下
:visited---访问过的
CSS： 某种选择器:link/hover 例如:a.link1:hover