CSS教程

CSS是一种描述HTML样式的语言。

CSS定义了HTML元素要以何种方式呈现在浏览器中。

本教程将从最基本的概念入手,循序渐进,让你成为CSS高手。

什么是CSS?

  • CSS是级联样式表的简称(Cascading Style Sheets)
  • CSS定义了HTML元素在各种设备上排版的规则
  • CSS可以减少很多工作量,一套CSS样式可以作用于多个HTML元素甚至多个HTML页面
  • 外部样式表都写在CSS后缀的文件中

为什么要用CSS?

CSS定义了网页的样式和布局方式,甚至可以针对不同设备展示不同的样式,功能非常强大。

CSS解决的问题

HTML本身只是用来描述网页结构和内容的语言,HTML 3.2曾经引入<font>这种标签来解决样式问题,可是在开发大型web项目的时候,这种标签化的样式带来了很多问题:样式不可重用、书写困难、和元素耦合紧密、不利于维护。

为了解决这个问题,W3C发明了CSS,从此样式和HTML解耦了。

CSS减少了很多工作量

我们一般会把样式写在CSS文件中,通过外联方式引入页面。这样做的好处就是,只需要修改一个文件就能改变多个页面的样式,确实给前端开发人员减轻了负担。