HTML学习——最终实现小米商城第二天

表单控件

HTML学习——最终实现小米商城第二天
1.
2.
type中的属性设置为radio可以实现单选

value和placeholder的区别

HTML学习——最终实现小米商城第二天
推荐使用placeholder

checkbox选择框和重置按钮

HTML学习——最终实现小米商城第二天
HTML学习——最终实现小米商城第二天

CSS基础

HTML学习——最终实现小米商城第二天

三种方式实现CSS样式表的建立

第一种
HTML学习——最终实现小米商城第二天
第二种
HTML学习——最终实现小米商城第二天
第三种
HTML学习——最终实现小米商城第二天
<head></head><head> </head>内输入代码<linkrel="stylesheet"type="text/css"href=""><link rel="stylesheet" type="text/css" href="">,href中填入CSS的地址
HTML学习——最终实现小米商城第二天

CSS选择器

id选择器
HTML学习——最终实现小米商城第二天
class选择器
HTML学习——最终实现小米商城第二天
HTML学习——最终实现小米商城第二天
包含选择器
HTML学习——最终实现小米商城第二天

动态伪类

HTML学习——最终实现小米商城第二天
HTML学习——最终实现小米商城第二天
时间延迟设置 :transition+时间