day2 今日知识点

• 表单

作用：收集用户信息

表单的组成：表单域form  表单控件input  提示信息label

表单域form属性及属性值

<form action=""  method="" name="" target=""></form>

表单名称 name

表单的提交方式方法method=”get默认/post”

表单控件input的type类型

文本框 text

密码框 password

普通按钮 button

提交按钮是submit（<button></button>）

重置按钮  reset

单选按钮 radio  （要想实现单选需要每一组添加相同的name）

复选框  checkbox

所有的input 都可以添加name和value属性

Input 里可以设置的属性

类型 ： type （必有）

名称：name

默认值 ：value

禁用  ： disabled

默认选中状态 ： checked （单选按钮或复选框）

最多可以输入的字符数  :  maxlength

设置文本框大小  ： size

注意事项：如果没有form不影响最终显示效果，影响某些按钮的功能比如提交按钮 重置按钮

Css:层叠样式表

作用（好处）：弥补html本身标签的不足，减少冗余代码，减小文件体积，减少网络带宽占有，提高页面加载速度，提高用户体验度；

提高网页的改版速度（对页面重构有很好的支持）；

有利于SEO

• Css的基本语法

Css由两部分组成：选择器和声明，其中声明又包含属性和属性值

选择器{属性:属性值;}

注意：花括号里边的都叫做声明；属性和属性值用冒号连接分号结束；

一个选择器可以有多个属性，属性不分先后顺序；

最后一个属性值的结束分号可以省略，但是不建议省略；

• Css的样式表

内部样式表：写在head与head之间用<style>css语法</style>

外部样式表：

内联（内嵌、行内）样式表：

• css选择器

1. 标签选择器

Html标签名称{属性:属性值;}

作用：用于统一网页某一个标签的样式，统一更改网页中某一类标签的默认样式

1. Id选择器

#id名称{属性:属性值;}

注意：一个标签只能存在一个id选择器

   Id选择器需要引用才能生效  在标签里写id=“id名称”

Id起名时最好不要使用关键字（例如html标签）

作用：搭建网页外围结构

1. 通配符选择器

*{属性:属性值;}

*{margin:0; padding:0;}

作用：用于重置网页默认样式

• 选择器

1. class选择器

.class名称{属性:属性值;}

需要引用才能生效  class=”class名称”

一个标签可以使用多个class选择器中间用空格隔开 class=“class名称 class名称”

1. 后代选择器

选择器1 选择器2 ....{属性:属性值;}

1. 群组选择器

选择器1，选择器2，...{属性:属性值;}

作用：用于简化代码

1. 选择器的权重问题

当给同一个元素设置不同的选择器，每个选择器里可能存在相同的属性，当他们的值不一样时最终生效哪一个

选择器的权重：

继承的权重最小为0000

标签选择器的权重为0001

Class选择器的权重为0010

Id选择器的权重为0100

内联样式表的权重为1000

后代选择器的权重是两个选择器的权重之和

群组选择器的权重是选择器本身

！Important正无穷大

如果权重相同谁在后边谁生效