跳到主要内容位置

CSS 简介

CSS 是级联样式表(Cascading Style Sheets)。它不是一门编程语言,而是一种描述式、声明式的样式表语言,用于给浏览器渲染的内容,如 html、svg 等,来添加样式的。

CSS 就好比是 word 文档,默认只是白底黑字,我们可以利用 word 里边丰富的格式化工具,来设置字体的颜色、文章和图片的布局和排版等等。CSS 基本功能也类似,但是它有更复杂、更高级的特性,可以添加动画来让整个页面上的元素动起来,提升用户体验,让用户的交互感变得更强。

CSS 组成部分

CSS 是由多个不同的部分组成的,需要分别进行学习,这个教程分成了如下几个部分,对 CSS 的属性进行介绍。基础部分有:

  • 选择器。
  • 样式。
  • 定位。
  • 布局。
  • 媒体查询。
  • 动画。

高级部分有:

  • 盒子模型。
  • BFC。
  • 选择器优先级。
  • 空间与3D。
  • 变量。
  • 函数。
  • 颜色表示法。
  • 构建工具。
  • UI 库。

每个部分都会介绍常见的属性和用法,那么接下来我们就先看看如何在 HTML 里边引入 CSS 样式。

提示

一系列的课程让你成为高级前端工程师。课程覆盖工作中所有常用的知识点和背后的使用逻辑,示例全部都为工作项目简化而来,学完即可直接上手开发!

即使你已经是高级前端工程师,在课程里也可能会发现新的知识点和技巧,让你的工作更加轻松!

《React 完全指南》课程,连载中现只需 48 元(领取优惠券)点击查看详情。

《Vue 3.x 全家桶完全指南与实战》课程,包括 Vue 3.x、TypeScript、Vue Router 4.x、Vuex 4.x 所有初级到高级的语法特性详解,让你完全胜任 Vue 前端开发的工作。点击查看详情。

《React即时通信UI实战》课程,利用 Storybook、Styled-components、React-Spring 打造属于自己的组件库。

《JavaScript 基础语法详解》本人所著图书,包含 JavaScript 全面的语法知识和新特性, 可在京东、当当、淘宝等各大电商购买