歡迎回到 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
使用媒体查询更改变量
實戰(zhàn)證書

通過本門實戰(zhàn)闖關即可獲取!

總共 79

已完成 0%
权威性
W3Cschool官方平台认证,无可替代的权威性和纪念性。
学习证明
随时查看学习记录,是认可自己学习结果的有效证明。
自我激励
每一张证书都记录着自己的成长,铭刻每一分付出和成就。
領取證書
周排行榜
排行TOP100
App下載
App下載

掃描二維碼

下載編程獅App

關注有禮
微信公眾號

掃碼關注 領資料包

返回頂部
登录
注册