欢迎回到 HTML + CSS 基础实战

开始闯关

HTML + CSS 基础实战

本实战代领大家轻松学习HTML、CSS样式基础知识,让你可以利用HTML、CSS样式技术制作出简单页面。


共79关

HTML基础

关卡 1
开始学习HTML标签
关卡 2
添加 <h2> 标签
关卡 3
添加换行
关卡 4
添加 <p> 标签
关卡 5
添加 <em> 标签
关卡 6
添加 <sub> 标签 和 <sup> 标签
关卡 7
添加 <b> 标签
关卡 8
块级元素与行内元素
关卡 9
元素嵌套
关卡 10
删除HTML的注释
关卡 11
给HTML添加注释
关卡 12
HTML5介绍
关卡 13
添加图片
关卡 14
创建外部链接
关卡 15
给图片添加alt属性
关卡 16
alt 文本留空
关卡 17
给图片添加链接
关卡 18
使用a元素实现页面内跳转
关卡 19
使用#符号设置固定链接
关卡 20
创建无序列表
关卡 21
创建有序列表
关卡 22
创建文本输入框
关卡 23
为文本输入框设定预定值
关卡 24
创建表单
关卡 25
为表单添加提交按钮
关卡 26
把表单设置为必填
关卡 27
添加单选框
关卡 28
添加复选框
关卡 29
设置复选框和单选框默认选中
关卡 30
div 元素嵌套
关卡 31
为标签添加ID属性
关卡 32
HTML的body元素
关卡 33
使用标题显示内容的层次关系

CSS基础

关卡 34
更改文本的颜色
关卡 35
使用<style>标签为元素定义CSS样式
关卡 36
使用 class 选择器设置样式
关卡 37
设置字体大小
关卡 38
设置元素字体
关卡 39
引入外部字体
关卡 40
降级使用字体
关卡 41
调整图片大小
关卡 42
给元素添加边框
关卡 43
使用border-style属性设置边框样式
关卡 44
使用border-color属性设置边框颜色
关卡 45
使用border-width属性设置边框宽度
关卡 46
使用 border-radius 添加圆角边框
关卡 47
使用 border-radius 制作圆形图片
关卡 48
给元素添加背景色
关卡 49
给元素设置ID属性
关卡 50
使用 id 属性设定元素样式
关卡 51
设置元素内边距
关卡 52
设置元素外边距
关卡 53
设置元素负外边距
关卡 54
给元素添加不同的内边距
关卡 55
给元素添加不同的外边距
关卡 56
使用padding设定不同方向的内边距
关卡 57
使用margin设定不同方向的外边距
关卡 58
使用属性选择器设定样式
关卡 59
绝对单位&相对单位
关卡 60
给body元素添加样式
关卡 61
CSS样式表继承
关卡 62
样式中的优先级
关卡 63
Class 选择器的优先级高于继承样式
关卡 64
ID 选择器优先级高于 Class 选择器
关卡 65
内联样式的优先级高于 ID 选择器
关卡 66
Important 的优先级最高
关卡 67
使用十六进制设置颜色
关卡 68
使用十六进制混合颜色
关卡 69
使用缩写的十六进制编码
关卡 70
使用 RGB 值设置颜色
关卡 71
使用 RGB 混合颜色
关卡 72
使用 CSS 变量更改多个元素样式
关卡 73
创建一个自定义的 CSS 变量
关卡 74
使用一个自定义的 CSS 变量
关卡 75
变量不生效时设定默认值
关卡 76
通过浏览器降级提高兼容性
关卡 77
CSS 变量继承
关卡 78
更改特定区域的变量
关卡 79
使用媒体查询更改变量
实战证书

通过本门实战闯关即可获取!

总共 79

已完成 0%
权威性
W3Cschool官方平台认证,无可替代的权威性和纪念性。
学习证明
随时查看学习记录,是认可自己学习结果的有效证明。
自我激励
每一张证书都记录着自己的成长,铭刻每一分付出和成就。
领取证书
周排行榜
排行TOP100
哈力9506
已通过 198
学号:3333385
已通过 85
码友4797116
已通过 83
4
2257
已通过 79
5
学号:4031030
已通过 73
6
4586
已通过 64
7
5220
已通过 54
8
All My People
已通过 52
9
6317
已通过 34
10
只要平凡9277
已通过 31
11
3810
已通过 29
12
shersam
已通过 28
13
枫中零落
已通过 26
14
码友4801901
已通过 25
15
易菊香
已通过 22
16
1409
已通过 21
17
修行者-埃文
已通过 19
18
DOC2077
已通过 18
19
1714
已通过 17
20
学号:2239960
已通过 17
21
德芙dfu
已通过 16
22
码友4798995
已通过 16
23
6860
已通过 16
24
6021
已通过 15
25
已通过 15
26
5672
已通过 15
27
一加一等于三quot quot
已通过 15
28
码友4801876
已通过 15
29
ᝰꪶಇꫀ⁴
已通过 15
30
码友4801900
已通过 15
31
6952
已通过 15
32
码友4801880
已通过 15
33
码友4801908
已通过 15
34
2748
已通过 15
35
9829
已通过 15
36
7917
已通过 15
37
码友4801909
已通过 15
38
8564
已通过 15
39
1488
已通过 15
40
8214
已通过 15
41
学号:4797132
已通过 15
42
GeekLuo
已通过 15
43
5628
已通过 15
44
浪7864
已通过 15
45
码友4802876
已通过 15
46
7201
已通过 15
47
2888
已通过 15
48
12385170281
已通过 15
49
码友4799084
已通过 15
50
码友4801889
已通过 15
51
码友4801927
已通过 15
52
3109
已通过 15
53
7446
已通过 15
54
7067
已通过 15
55
7030
已通过 15
56
学号:4797730
已通过 15
57
2809432
已通过 15
58
灏c3
已通过 15
59
码友4801872
已通过 15
60
清闲的懒羊羊
已通过 15
61
码友4801890
已通过 15
62
摋7068
已通过 15
63
7472
已通过 15
64
打烊勿扰
已通过 15
65
学号:3753180
已通过 15
66
码友4801899
已通过 15
67
学号:3394950
已通过 14
68
8849
已通过 14
69
oo從兲絳
已通过 14
70
1669
已通过 13
71
码友4797169
已通过 13
72
学号:4056123
已通过 13
73
智云科技毛毛
已通过 13
74
ellire
已通过 12
75
蒙大大
已通过 12
76
1190
已通过 12
77
学号:4765525
已通过 11
78
3993
已通过 10
79
2315
已通过 10
80
呼7185
已通过 10
81
97V
已通过 10
82
苏槿
已通过 10
83
2816
已通过 10
84
蓝图1348
已通过 10
85
3553
已通过 9
86
HAPPY5389
已通过 9
87
学号:4406750
已通过 8
88
学号:4801261
已通过 8
89
RE017541
已通过 8
90
学号:4796554
已通过 8
91
7755
已通过 8
92
9101
已通过 8
93
2218
已通过 8
94
2910
已通过 7
95
琉6584
已通过 7
96
过7155
已通过 7
97
午夜4025
已通过 6
98
3823
已通过 6
99
耀耀大王
已通过 6
100
未来可期5183
已通过 6
App下载
App下载

扫描二维码

下载编程狮App

关注有礼
微信公众号

扫码关注 领资料包

返回顶部
登录
注册
微信二维码

微信扫码关注公众号注册登录