7.7学习总结

1. 表单组件：主模块标签

<forrm action=” ” method=””>

<input type=”submit” value=” ”>

</form>

action=” ”双引号里面写网址（开始到com）

Method=” ” 有两种：Method=”get ”  Method=” post”

get是将用户所有输入显示出来，post是将用户的输入加修饰，看不出原始输入，比如密码的输入，前者可显示，后者没有直接显示

在form标签可加多个input标签，

建立输入框：<input type="text" name=" " placeholder="请输入" />    placeholder在输入框中是灰色文字提示操作

单选：<input type="radio" name="" value=" " />

radio代表单选，当多个radio的name相同时，表示同一个题目的选择

多选：<input type="checkbox" name="" value=" " />

checkboox 代表多选，当多个checkbox相同时，表示同一个题目的选择

下拉选择：<select name=” ”>

                  <option value=”  ”> 文字描述</option>

              </select>

设置输入文本框大小：<textarea rows="数值" cols="数值">

</textarea>

2.在html建立css文件，添加style标签，可任意位置且多个，为简洁美观一般使用一个且放在head标签里面。在style

标签里面可以设置文本显示的样式，

设置方式是 选择器{ 某个样式：某个值 }

受用较多的有  *{  }通类选择器，对全文本起作用；

P{  }   p标签选择器，对有p标签的文本起作用；

.text-warn{} 类选择器，注意前面不能省略.  

 text-warn代表某一类

[hot]{ }或[hot=”  ”]{} 属性选择器，hot是自定义的标签

#P1{  }  id选择器，P1是自定义的id值

组合标签：有两种关系：&与关系，|非关系

如：p[hot]{ } 表示与关系，必须两条件

    p,[hot] 中间加了, 代表或关系，只要满足两者之一便可

上下文选择器：

如：ol>li{ } 代表父子关系，必须直接关系

ol li{ }  表示只要构成继承关系就可

伪类选择器：如果多个选择器选中同一个标签，而且对同一个属性进行了赋值，那么，选择范围越小的选择器，优先级越高

注意：选择器有优先级区别：通配*<标签p<类 .text-warn<

属性[hot="hot"]<id #id