CSS

227 阅读1分钟

笔记

  • 我们知道前段最重要的三个技术是:HTML、CSS、JavaScript。
  • 三者关系:HTML用于控制网页的结构;CSS用于控制网页的外观;JavaScript控制的是网页的行为。

CSS简介

  • 用来控制网页的外观
  • 常说的CSS3,实际上说的是新增的内容
  • 所以,你要学的CSS其实等于CSS2加上CSS3。
  • 本书介绍的是CSS2.1,对于CSS3新增的技术,小伙伴们可以关注“从0到1系列”的《从0到1:HTML5+CSS3修炼之道》这本书。

CSS引入方式

  • 外部样式表
  • 内部样式表
  • 行内样式表

CSS的选择器

  • id和class

  • id属性,页面唯一存在

  • class属性,相同或者不同的元素归为一类 对于id和class,我们可以这样理解:id就像你的身份证号,而class就像你的名字。身份证号是唯一的,但是两个人的名字就有可能是一样的。

  • 选择器是什么?

  • 从html标签中找到你想要的元素,我们称之为“选择器“。就是一种方式把你想要的那个元素选中。然后才能对这个元素添加css样式。

  • 在css中有很多方式可以把你想要的元素选中;但是它们的目的是相同的。

  • CSS选择器

  • 我们只会讲解最实用的5种选择器。

  1. 元素选择器
  2. id选择器
  3. class选择器
  4. 后代选择器
  5. 群组选择器