HTML

一、单选按钮

type=”radio“

注意：如果想让文字点击能切换，要添加label标签，并且设置for属性和对应的单选按钮的id属性值一致；必须给这一组单选按钮添加name值，才可以实现单选效果；设置默认选中状态，要给单选按钮添加checked=”checked“。

二、下拉菜单

select和option的组合；

注意：如果想设置多组下拉菜单 需要添加一个optgroup标签 并设置label作为提示文字；如果想设置默认选中状态 需要给对应的option添加selected=“selected”。

三、文本域

textarea设置多行文本（文本域）

注意：不能使用cols和rows来设置宽高 要使用width和height来设置；可以用placeholder来设置默认文字

四、多选框（复选框）

type=”checkbox“

它的使用方法和细节与单选框一致

五、按钮

1、提交按钮：type="submit" 注意：必须使用value属性 否则浏览器之间会存在兼容性问题

2、重置按钮：type="reset" 注意：必须使用value属性 否则浏览器之间会存在兼容性问题；重置的意思是恢复刷新后默认状态

3、按钮：type=”button“或者<button></button>都可以

用户体验细节：

刷新后想让第一个输入框默认选中状态 给输入框设置autofocus=”autofocus“属性

六、css

css：样式表、级联样式表、层叠样式表

七、css的基础语法

css代码写在style标签中 放在head标签中 ；大括号中写键值对语法 

例子：属性名：属性值；（两个属性之间空格可有可无）

文字颜色：color 

font-family：字体

font-size：字号

text-indent：首行缩进 em是一个单位 代表一个文字间距

text-align：文本对齐方式，默认是left 还可以设置center、right

background:背景颜色

八、标签选择器

直接在css语法中写标签名字就可以选中对应的标签

div表示大盒子（容器 存放内容的）

span表示小盒子（容器 存放内容的）

九、id和class选择器

1、id选择器语法：名字前面加#号；特点：不能重复也不能拥有多个

2、class选择器语法：名字前面加.；特点：可以重复使用 一个人能有多个类名

总结：class选择器多于id选择器的使用

十、css的引入方式

1、内嵌式：stlye标签在head标签中；优点：方便课上案例的书写，电商网页的首页必须使用这种方式（电商首页加载速度必须快 内嵌式比外链式快）缺点：css和html代码没有实现分离，不方便修改。

2、外链式：通过link放在head标签中，把外部的css文件引入到html中；优点：代码分离，便于修改；缺点：速度没有内嵌式快。

3、行内式：这种形式一定不要用，它会让代码量变得非常庞大，不方便修改。

十一、基础选择器权重问题

id选择器>class选择器>标签选择器