HTML + CSS 基础实战 - w3cschool编程实战

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

已通过 150 关

1326

已通过 98 关

学号4270173

已通过 85 关

4983

已通过 58 关

007FFF

已通过 50 关

德芙dfu

已通过 45 关

6317

已通过 44 关

MARSBig triangle

已通过 24 关

学号:3965273

已通过 23 关

学号:335570

已通过 21 关

大可8023

已通过 20 关

3434

已通过 18 关

吉永红

已通过 18 关

9927

已通过 17 关

码友4773330

已通过 17 关

蓝图1348

已通过 16 关

8871

已通过 16 关

3934

已通过 16 关

潘6926

已通过 15 关

HYJ丶

已通过 15 关

Victoria4874

已通过 15 关

4159

已通过 15 关

码友4774650

已通过 15 关

8705

已通过 15 关

焕蔚

已通过 15 关

3089

已通过 15 关

Covs

已通过 15 关

学号:4087626

已通过 15 关

冯秋源爸爸

已通过 15 关

7606

已通过 15 关

也盼寒光遇骄阳

已通过 15 关

7980

已通过 15 关

8366

已通过 15 关

9603

已通过 15 关

3763

已通过 15 关

4467

已通过 15 关

猫尾的泪痣

已通过 15 关

1253

已通过 15 关

忘记睡

已通过 15 关

码友4775628

已通过 15 关

5633

已通过 15 关

流年亦梦9849

已通过 15 关

码友2382915

已通过 15 关

BLACK MOON

已通过 15 关

8461

已通过 15 关

学号:3999662

已通过 15 关

6406

已通过 15 关

8580

已通过 14 关

学号:4776084

已通过 13 关

7414

已通过 13 关

6502

已通过 13 关

1847

已通过 13 关

微信用户3189

已通过 13 关

1497

已通过 12 关

1083

已通过 12 关

5681

已通过 12 关

王嘉祺6591

已通过 11 关

学号:3822307

已通过 11 关

3432

已通过 11 关

6531

已通过 11 关

1974

已通过 10 关

学号:1177253

已通过 10 关

莫雨千秋

已通过 10 关

雨秋7312

已通过 10 关

学号:3409893

已通过 10 关

4708

已通过 10 关

学号:4204549

已通过 10 关

Jason_Chu

已通过 10 关

4401

已通过 10 关

学号:4765525

已通过 9 关

6549

已通过 9 关

2897

已通过 9 关

傻子的梦

已通过 9 关

答案说明所有1474

已通过 8 关

学号:4706580

已通过 8 关

冯金凯

已通过 8 关

7419

已通过 8 关

诡森灵Crowboy

已通过 8 关

1643

已通过 7 关

carpe diem3498

已通过 7 关

8641

已通过 7 关

K2123

已通过 7 关

7787

已通过 7 关

码友4772936

已通过 7 关

码友4778168

已通过 7 关

学号:4416472

已通过 7 关

码友4602879

已通过 7 关

码友2937281

已通过 6 关

4909

已通过 6 关

学号:4777499

已通过 6 关

2718

已通过 6 关

7910

已通过 6 关

3553

已通过 6 关

学号:4183046

已通过 6 关

8749

已通过 6 关

6625

已通过 6 关

明天2316

已通过 6 关

YeaH未央

已通过 5 关

2867

已通过 5 关

100

码友3786136

已通过 5 关