CSS基础知识

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术：Visual Studio Code

作者：LYQlife113

撰写时间：2021年11月8日

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

在今天小节中我们讲解一下CSS规则，怎么为HTML添加样式。每个HTML元素都有一组样式性，可以通过CSS来设定。这些属性涉及元素显示的不同方面，例如文本内容的字体、字号和颜色，元素显示的位置等等，CSS就是一种先选择HTML元素，然后设定选中元素属性的机制，CSS选择符和要应用的样式构成了一条CSS规则。

一、了解CSS规则

下面我们举例说明：将段落标签的文本内容设置为蓝色：

上面的是CSS代码，下面的是段落标签。（我们的CSS样式写法是全为英文状态下来写的，不然有可能会出问题。）

在浏览器运行的效果：

二、CSS基础语法

CSS是一门编程语言，既然是语言那么就一定有它的语法规则。那么接下来我们就来学习CSS的基础语法规则。

CSS规则由两部分组成：选择符 和声明两部分组成，其中选择符是指你所要改变样式的元素，声明是指你需要设置的样式部分。声明由两部分组成：属性和属性值。

我们CSS样式里可以写很多属性样式，也可以选择多个类来归类进行同一条样式。（选择器之间用逗号隔开）

三、添加样式

1.使用内联样式：

直接将样式定义到HTML元素中(写在标签里)。这种作用范围有限，只影响它所在的标签，而且总是覆盖嵌入样式和链接样式。

2.使用内部样式：

写在<style>标签中。作用范围仅限于当前页面，内部样式覆盖链接样式，但也会被内联样式覆盖。

3.链接样式：

写在单独的CSS样式表中。链接样式的作用范围可以是整个网站。只要使用<link>标签把样式表链接到页面，相应页面就可以使用样式。

以上就是今天的内容，CSS还有很多的样式，我们以后也会遇到的。

好了，我们今天就到此结束了，我们下次再见！