js

一、  单选按钮

Type=“radio”

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

设置默认选中状态，要给单选按钮添加checked=“checked”；

 

二、下拉菜单

Select和option的组合

注意：如果想设计多组下拉菜单，需要添加一个optgroup标签，并设置label属性作为提示文字：如果想设置默认选中状态，需要给对应的option添加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标签中，大括号中写键值对语法

例子：属性名1：属性值1；属性名2：属性值2；

Color　　文字颜色

Font-size　　字号

Font-family　　字体

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

Text-align　　文本对齐方式，默认是left，还可以设置center居中，right居右

Background　　背景色属性

 

八、标签选择器

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

Div代表大盒子（容器 存放内容）

Span代表小盒子 （容器 存放内容）

 

九、id和class选择器

1.id选择器语法：#名字　　特点：不能重复，也不能一个人拥有多个

2.class类选择器语法：.名字　　特点：可以重复使用，一个人可以有多个类名（好像人的称号一样）

总结：今后class类选择器使用频率高于类选择器；

 

十、css的引入方式

1.内嵌式：
Style标签放在head中

优点：方便课上案例的书写；电商网站的首页必须使用这种方式，因为电商首页要求加载速度必须快，内嵌式比外链式快一些；

缺点：html和css代码没有实现分离不方便修改；

2.外链式：

通过link放在head标签中，把外部的css文件引入到html文件中

优点：实现了代码分离，方便修改和管理；

缺点：运行速度比内嵌稍慢

3.行内式：

这种形式一定不要用，它会让代码量变得非常庞大，不方便修改！

 

十一、基础选择器权重

ID>class>标签