- 表单
作用:收集用户信息
表单的组成:表单域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选择器
- 标签选择器
Html标签名称{属性:属性值;}
作用:用于统一网页某一个标签的样式,统一更改网页中某一类标签的默认样式
- Id选择器
#id名称{属性:属性值;}
注意:一个标签只能存在一个id选择器
Id选择器需要引用才能生效 在标签里写id=“id名称”
Id起名时最好不要使用关键字(例如html标签)
作用:搭建网页外围结构
- 通配符选择器
*{属性:属性值;}
*{margin:0; padding:0;}
作用:用于重置网页默认样式
- 选择器
- class选择器
.class名称{属性:属性值;}
需要引用才能生效 class=”class名称”
一个标签可以使用多个class选择器中间用空格隔开 class=“class名称 class名称”
- 后代选择器
选择器1 选择器2 ....{属性:属性值;}
- 群组选择器
选择器1,选择器2,...{属性:属性值;}
作用:用于简化代码
- 选择器的权重问题
当给同一个元素设置不同的选择器,每个选择器里可能存在相同的属性,当他们的值不一样时最终生效哪一个
选择器的权重:
继承的权重最小为0000
标签选择器的权重为0001
Class选择器的权重为0010
Id选择器的权重为0100
内联样式表的权重为1000
后代选择器的权重是两个选择器的权重之和
群组选择器的权重是选择器本身
!Important正无穷大
如果权重相同谁在后边谁生效