CSS3 简明教程

会员

6557 人学过 832 次评价 作者: 哦嗨哟L 难度: 初级 综合评分: 9.1

CSS 层叠样式表用来描述 HTML 文档的呈现，是前端开发过程中一项重要的知识技能。课程从最基本的 CSS 概念开始，逐步深入，教你学会如何使用 CSS 同时控制多重网页的样式和布局。同时，课程还会涉及最新版本 CSS3 的内容，带你掌握新的标准化组件。

你将学到的
  • CSS 运行基础
  • CSS 区块模型
  • CSS 基本样式
  • CSS 定位
  • CSS 浮动属性
  • CSS3 文本和布局
  • CSS3 动画和过渡
  • CSS 基础语法
  • CSS 数值与单位
  • CSS 选择器
  • CSS 导航
  • CSS3 介绍
  • CSS3 元素属性的升级
  • CSS3 选择器
课程内容
  共12个章节
实验 1 CSS 介绍

知识点: 1.CSS概述 2.CSS语法 3.CSS注释 4.CSS数值与单位 5.CSS样式类型

实验 2 CSS 基本样式

知识点: 1.文字排版 2.样式化列表 3.样式化链接 4.Web字体

实验 3 CSS 样式化区块

知识点: 1.元素分类 2.区块模型 3.样式化区块概述 4.背景 5.图片 6.表格 7.轮廓 8.高级区块效果

实验 4 CSS 选择器

知识点: 1.什么是选择器 2.选择器的分类 3.标签选择器 4.类选择器 5.id选择器 6.通配符选择器 7.标签指定式选择器 8.后代选择器 9.子代选择器 10.并集选择器 11.属性选择器 12.伪类选择器 13.层叠性和继承性

实验 5 CSS 布局模型

知识点: 1.布局模型概述 2.流动模型 3.浮动模型 4.层模型

实验 6 综合实例

知识点: 1.CSS样式 2.CSS选择器 3.CSS排版

实验 7 CSS3 介绍

知识点: 1.什么是CSS3 2.CSS3的好处 3.浏览器引擎前缀

实验 8 CSS3 元素属性升级

知识点: 1.背景 2.边框

实验 9 CSS3 文本

知识点: 1.RGBA 2.textshadow 3.textoverflow 4.overflowwrap 5.wordbreak

实验 10 CSS3 动画和过渡

知识点: 1.渐变 2.过渡 3.2d、3d转换 4.动画

实验 11 CSS3 布局

知识点: 1.Flex布局 2.多媒体查询 3.用户界面

实验 12 CSS3 选择器

知识点: 1.常用选择器 2.属性选择器 3.伪类选择器

课程介绍

先学知识

课程难度

  • 本课程难度为简单。

面向用户

  • 本课程为 CSS 和 CSS3 的入门课程，面向完全没有经验的新手，但推荐先学习 HTML 基础。
课程教师
哦嗨哟L

哦嗨哟L 共发布过 7 门课程

查看老师的所有课程 >
Markdown 语法
0 / 2000
最新评论
综合评分: 9.1
LOU3492097677
8
LOU3492097677
L8

很nice

2022-04-29 11:18:37 来自：CSS 选择器
回复
LOU3492097677
8
LOU3492097677
L8

更进一步

2022-04-27 16:53:29 来自：CSS 样式化区块
回复
LOU3492097677
8
LOU3492097677
L8

讲解很详细

2022-04-27 14:11:28 来自：CSS 基本样式
回复
LOU3492097677
8
LOU3492097677
L8

作者将的很细，很容易理解

2022-04-27 10:53:24 来自：CSS 介绍
回复
lanqiao4144069727
lanqiao4144069727
L1
回复
奶茶超人
L14

推荐最新 高口碑的2022年web前端教程：

2022-04-07 13:06:32
回复
奶茶超人
14
奶茶超人
L14

完美 搞定

2022-04-04 09:49:45 来自：CSS 布局模型
回复
奶茶超人
14
奶茶超人
L14
<style> .shadow { width: 500px; height: 200px; color: red; background-color: red; text-align: center; font-size:50px;
    line-height: 200px;
     margin: 100px auto;
     text-shadow: 2px 2px 5px black;
     border-radius: 20px;
     border: 1px solid crimson;
     box-shadow: 2px 2px 5px black, inset 2px 2px 5px blue;
  }
</style>
我爱学习，身体棒棒
2022-04-02 06:17:13 来自：CSS 样式化区块
回复
lanqiao7719718331
1
lanqiao7719718331
L1

不错

2022-03-21 22:17:48 来自：CSS 介绍
回复
lanqiao9288585039
5
lanqiao9288585039
L5

赞

2022-02-01 14:58:35 来自：CSS 介绍
回复
LOU3421420435
LOU3421420435
L1

讲的很清晰，非常好

2021-12-27 15:04:20 来自：CSS 介绍
回复
lanqiao3577660073
11
lanqiao3577660073
L11

挺好

2021-12-05 14:51:38 来自：CSS 介绍
回复
熊雷
102
熊雷
L102

感觉学会了不少理论知识

2021-12-04 11:27:02 来自：CSS 介绍
回复
大叮当
大叮当
L26

好好好

2021-11-22 19:03:40 来自：CSS 基本样式
回复
大叮当
大叮当
L26

挺好

2021-11-22 18:50:59 来自：CSS 介绍
回复
LOU2541824762
89
LOU2541824762
L89

列表和链接的个性化设置

2021-09-29 19:07:47 来自：CSS 基本样式
回复
学过本课的同学也学过...
HTML5 简明教程
HTML5 简明教程
HTML 超文本标记语言是构成 Web 世界的一砖一瓦，它定义了网页内容的含义和结构。课程将从网站的基础概念开始，带你了解其运行机制。然后，我们会学习 HTML 基础知识，了解各种常用标签的意义以及基本用法。此外，课程还会涉及 HTML5 的内容，这是 HTML 的最新标准，它添加了一些新的语法特征。
34877人学过 初级
C 语言简明教程
C 语言简明教程
本课程讲解 C 语言的开发环境以及对 C 语言的剖析，引入大量的 C 语言程序案例，把算法和语法结合起来，通过引导大家由浅入深地编写 C 程序，让大家掌握 C 语言。我们将从中学会 C 语言语法、数组、模块化程序设计指针、文件的输入与输出等。
80848人学过 初级
Python3 简明教程
Python3 简明教程
简明易懂的 Python3 课程，不仅适用于那些有其它语言基础的同学，对没有经验的同学也非常友好。本课程不仅讲解了 Python3 基础知识，还介绍了 PEP8、Virtualenv、测试、项目结构以及 Flask 相关内容
106706人学过 初级
CSS3 简明教程

会员免费

  • 12 个在线动手实验
follow 关注
开通会员，即刻开始学习
加入社群
加入交流社群
立即注册