前端必知必会-css概述和语法

---

CSS 简介

CSS 是我们用来设置网页样式的语言。

什么是 CSS？

CSS 代表层叠样式表
CSS 描述 HTML 元素在屏幕、纸张或其他媒体上的显示方式
CSS 节省了大量工作。它可以同时控制多个网页的布局
外部样式表存储在 CSS 文件中

为什么要使用 CSS？

CSS 用于定义网页的样式，包括设计、布局和针对不同设备和屏幕尺寸的显示变化。

CSS 示例

body {
background-color: lightblue;
}

h1 {
color: white;
text-align: center;
}

p {
font-family: verdana;
font-size: 20px;
}

CSS 解决的问题

HTML 从未打算包含用于格式化网页的标签！

HTML 的创建是为了描述网页的内容，例如：

<h1>这是一个标题</h1>

<p>这是一个段落。</p>

当 <font> 等标签和颜色属性被添加到 HTML 3.2 规范时，它给 Web 开发人员带来了一场噩梦。大型网站的开发（其中字体和颜色信息被添加到每个页面）成为一个漫长而昂贵的过程。

为了解决这个问题，万维网联盟 (W3C) 创建了 CSS。

CSS 从 HTML 页面中删除了样式格式！

CSS 节省了大量工作！
样式定义通常保存在外部 .css 文件中。

使用外部样式表文件，您只需更改一个文件即可更改整个网站的外观！

CSS 语法

CSS 规则由选择器和声明块组成。

CSS 语法

CSS 选择器 ：选择器指向要设置样式的 HTML 元素。
声明块包含一个或多个用分号分隔的声明。
每个声明都包含一个 CSS 属性名称和一个值，用冒号分隔。
多个 CSS 声明用分号分隔，声明块用花括号括起来。

在此示例中，所有 <p> 元素都将居中对齐，文本颜色为红色：

p {
color: red;
text-align: center;
}

示例说明
p 是 CSS 中的选择器（它指向要设置样式的 HTML 元素：<p>）。
color 是一个属性，red 是属性值
text-align 是一个属性，center 是属性值

---

总结

本文介绍了的css概述和语法，如有问题欢迎私信和评论