1.html
html版本
狭义的H5：HTML的第五个大版本
广义的H5：css3+html5+js
标签:
表单标签：from
这个标签是作为一个容器，来搜集和提交这个标签中的其他相关标签的数据，一般不会单独使用
action属性：提交路径（接口）
method属性：设置请求（post/get)
input标签：
可以单独使用，也可以和form配合使用
type属性：这个值不一样，input的功能就不一样
文本输入框（type:text)
密码输入框（type:password)
name:用来对输入的内容进行说明。提交数据的时候以name:value形式进行提交，name值会作为发送请求的参数名，value就是参数值
value指向文本中的内容
placeholder：占位符（提示信息）
maxlength:限制输入框能输入的最大的字符个数
单选按钮（type:radio)
name:注意，同一类信息的name需要设置成一样的值，才能做到单选的作用。
value：需要设置值来告诉别人选中按钮对应值或者意义
checked：设置默认选中状态
disabled:禁用
复选框：type:checkbox
name:同一类数据，name值相同
普通按钮：type:button
value:设置按钮上的文字
button标签：<button>按钮</button>
提交按钮：type:submit
可以自动提交当前form标签中所有设置了name属性的标签的值
重置按钮：type:reset
可以将form标签中所有的标签的设置为初始状态
<html>
<head>
<title>day3</title>
<meta charset="utf-8" />
</head>
<body>
<form action="" method="get">
<input type="text" name="username" value="" placeholder="用户名"/>
<input type="password" name="" id="" value="" placeholder="密码" maxlength="8" />
<input type="radio" name="sex" id="sex" value="boy" checked=""/>男
<input type="radio" name="sex" id="sex" value="girl" />女<br />
<input type="checkbox" name="p" id="" value="0" />小米<br />
<input type="checkbox" name="p" id="" value="1" />小米1<br />
<input type="checkbox" name="p" id="" value="2" />小米2<br />
<input type="checkbox" name="p" id="" value="3" checked="checked"/>小米3<br />
<br />
<input type="button" name="" id="" value="按钮" />
<input type="submit" id="" name="" />
<input type="color" />
</form>
</body>
</html>
下拉菜单：select - option
name:提交的时候用来区分不同的数据
value:提交的时候提交具体数据
selected：设置默认选中
对下拉菜单进行分组：optgroup
lable:设置分组名
<form action="" method="get">
<select name="city">
<option value="成都">成都</option>
<option value="北京" selected="selected">北京</option>
<option value="上海">上海</option>
<option value="xck">xj</option>
</select>
<select name="">
<optgroup label="四川"></optgroup>
<option>1</option>
<option>1</option>
<optgroup label="上海"></optgroup>
<option>2</option>
<option>2</option>
</select>
<input type="submit" value=""/>
</form>
多行文本域：textarea
输入的内容可以多行显示
rows：设置一屏最多可以显示的行数
clos:一行最大列数
表单标签
div和span标签都是无语义标签，一般用来对网页中的标签进行分组和分块用的
一个div占一行，多个span可以在一行显示
2.css
1.什么是css
css就是web标准中的表现标准，专门用来对网页标签进行布局和设置样式的一门语言。
目前一般使用css3,css又叫样式表
2.css基本语法
选择器{属性：属性值；属性：属性值…………}
选择器：用来选中需要设置样式的标签
属性：必须是css提供的属性，总共200多个。
属性值：根据属性赋不同的值。如果属性的值是用来表示大小的数字，后面必须加单位。如：px像素、em空格
css中的颜色值：a.英文单词 b.#颜色对应的6位16进制值 c.rgb(r,g,b);rgba(r,g,b,a) a表示透明度取0到1
属性与属性值用冒号隔开，不同属性用分号隔开。
3.在哪写css代码
常用css属性：
color：设置字体颜色
bankground - color:设置背景颜色
width：宽度
height:高度
font-size:字体大小
内联样式：将样式表写在标签的style属性中 仅对一个标签有效
内部样式：将样式表写在head中style标签中 当前html有效
外部样式：将样式写在外部的css文件中，然后在head中通过link标签导入 对所有html有效
link标签:导入外部文件
rel属性：说明导入的文件的功能，stylesheet(样式表)，icon(图标)
type属性：对导入的文件类型进行说明：文件类型/文件后缀
href属性：导入的文件的地址。
样式优先级：内联样式 最高，内部其次外部最低
css选择器
常用的选择器：元素选择器、id选择器、class选择器、父子选择器、群组选择器
1.元素选择器：将标签名作为选择器，选中指定的标签，选中所有指定的标签。 用法：标签名{}
2.id选择器：将标签中的id属性的值作为选择器，选中id值对应的标签
用法：#id值 值不能是1，2，之类的，要有字母
3.class选择器：将标签中的class属性作为选择器。 用法： .class值{}
4.群组选择器：多个选择器用逗号隔开作为一个选择器，同时选中所有选择器对应的标签 用法： a,p{} #p1,#p2{}
5.父子选择器：多个选择器用逗号隔开作为一个选择器，按顺序依次往后找，找到最后一个标签。 div div p{} 选中div 中div中的p标签
6.通配符：将*作为选择器，选中当前网页中所有的标签
伪类选择器：选中某个标签的不同状态。可以给不同状态设置不同的样式
- 标签：link{}选中初始状态 。 a:link{};#a1:link{} a标签的初始状态指a对应的网址依次都没有访问成功过
- a:visited：访问后的状态。
- a:hover鼠标悬停在标签上对应的状态
- a:active:鼠标按住不放时的状态
注意：使用伪类选择器的时候要遵守爱恨原则（LoVeHAte),按顺序写。不遵守可能会导致某些样式无效。
选择器优先级：权重越大，优先级越高。
元素选择器权重：0001
class选择器权重：0010
id选择器权重：0100
伪类选择器权重：0001
群组选择器权重，单独看每个选择器的权重
父子选中器：所有选择器权重之和
优先级一样，谁后写谁有效
内联样式的优先级是最高的
