二阶段day2

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标签：按钮

提交按钮：type:submit
可以自动提交当前form标签中所有设置了name属性的标签的值

重置按钮：type:reset
可以将form标签中所有的标签的设置为初始状态

    
        
        
    
    
        

        

        
        男
        女

        小米

        小米1

        小米2

        小米3

        

        
        
        
        
    

下拉菜单：select - option
name:提交的时候用来区分不同的数据
value:提交的时候提交具体数据
selected：设置默认选中
对下拉菜单进行分组：optgroup
lable:设置分组名

            
                成都
                北京
                上海
                xj
            
            
                
                    1
                    1
                
                    2
                    2                  
                   
            
        

多行文本域：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.通配符：将*作为选择器，选中当前网页中所有的标签

伪类选择器：选中某个标签的不同状态。可以给不同状态设置不同的样式

1. 标签：link{}选中初始状态 。 a:link{};#a1:link{} a标签的初始状态指a对应的网址依次都没有访问成功过
2. a:visited：访问后的状态。
3. a:hover鼠标悬停在标签上对应的状态
4. a:active:鼠标按住不放时的状态
   注意：使用伪类选择器的时候要遵守爱恨原则（LoVeHAte),按顺序写。不遵守可能会导致某些样式无效。

选择器优先级：权重越大，优先级越高。
元素选择器权重：0001
class选择器权重：0010
id选择器权重：0100
伪类选择器权重：0001
群组选择器权重，单独看每个选择器的权重
父子选中器：所有选择器权重之和
优先级一样，谁后写谁有效
内联样式的优先级是最高的