CSS简介

网页分为三部分:

1. 结构(HTML)
2. 表现(CSS)
3. 行为(JavaScript)

CSS: 层叠样式表(又称为: 级联样式表)

• 网页实际上是一个多层的结构,通过css可以为网页的每一个层来设置样式,而最终我们能看到的只是网页中的最上面的一层
  • 从而言之: CSS就是用来设置网页中的元素的样式的

这里我们通过举例来说明如何使用CSS来修改元素的样式(举例如下: 修改字体的大小和颜色):

<p style="color:pink; font-size:20px;">
    我是一个段落,我的颜色和大小是使用CSS修饰的
</p>

• 上面的p元素中的style属性中的内容都是CSS的内容,CSS中的声明就和HTMl中的属性一样都是名值对的形式
  • 名和值之间使用:(冒号隔开),使用;(封号)结尾
• 这个是CSS的一种内联样式(行内样式)
  • 也就是使用在标签内部的样式

补充:

CSS是一种样式表语言,用于为html文档修饰样子

级联样式表中的级联的含义就是将内容和表现形式分离,并联系起来

注意: 我们之前在HTML中有很多时候设置尺寸的时候都是没有加单位的, 到了CSS中我们要求所有的单位都必须要指明 —> 也就是CSS中是必须要加单位的