7.7学习总结1.表单组件:主模块标签forrm action=””method=””input type=”submit”value=””/form action=””双引号里面写网址(开始到com)Method=””有两种:Method=”get ”Method=”post”get是将用户所 ...
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 |