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

表单控件

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

value和placeholder的区别

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

checkbox选择框和重置按钮

HTML学习——最终实现小米商城第二天_第3张图片
HTML学习——最终实现小米商城第二天_第4张图片

CSS基础

HTML学习——最终实现小米商城第二天_第5张图片

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

第一种
HTML学习——最终实现小米商城第二天_第6张图片
第二种
HTML学习——最终实现小米商城第二天_第7张图片
第三种
HTML学习——最终实现小米商城第二天_第8张图片
< h e a d > < / h e a d > <head></head>内输入代码 < l i n k r e l = " s t y l e s h e e t " t y p e = " t e x t / c s s " h r e f = " " > <linkrel="stylesheet"type="text/css"href="">,href中填入CSS的地址
HTML学习——最终实现小米商城第二天_第9张图片

CSS选择器

id选择器
HTML学习——最终实现小米商城第二天_第10张图片
class选择器
在这里插入图片描述
在这里插入图片描述
包含选择器
HTML学习——最终实现小米商城第二天_第11张图片

动态伪类

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

你可能感兴趣的:(HTML学习——最终实现小米商城第二天)