关于CSS的基础

关于CSS的基础

什么是css

和 HTML 类似，CSS 也不是真正的编程语言，甚至不是标记语言。它是一门样式表语言，这也就是说人们可以用它来选择性地为 HTML 元素添加样式。层叠样式表（Cascading Style Sheet，简称：CSS）是为网页添加样式的代码。
怎么将字体设置成红色
新建一个 styles 文件夹，在其中新建一个 style.css 文件，将这三行 CSS 保存在这个新文件中

p {
  color: red;
}

然后再将该 CSS 文件连接至 HTML 文档

<link href="styles/style.css" rel="stylesheet">

保存 index.html 并用浏览器将其打开
你会看到段落文字变红

常见的样式有

• 背景
• 文本

背景的设置

背景色
在css中，可以使用background-image属性或者background属性来设置图片背景。 background-image 属性设置一个元素的背景图像。 元素的背景是元素的总大小，包括填充和边界（但不包括边距）。 默认情况下，background-image放置在元素的左上角，并重复垂直和水平方向
背景图的设置

css background属性就是专门设置背景的属性，可以设置背景色，也可以设置背景图片。
下面看看background可以设置的属性：
background-color： 规定要使用的背景颜色。
background-position： 规定背景图像的位置。
background-size： 规定背景图片的尺寸。
background-repeat ：规定如何重复背景图像。
background-origin ：规定背景图片的定位区域。
background-clip