CSS（一）：CSS简介和基本语法
一、CSS简介
1、什么是CSS
CSS：Cascading Style Sheet：即层叠样式表。样式定义了如何显示HTML或XHTML元素。包括对字体、颜色、边距、高度、宽度、背景图片、网页定位等设定。
2、CSS的作用
能控制页面的样式和布局。
网页文件和样式文件相分离，可以提高开发效率。
3、CSS的发展史
1996年CSS1.0推出
1998年5月CSS2.0推出
2004年CSS2.1推出
2010年CSS3.0推出
二、CSS语法
1、style标签
例如：
<html>
<head>
<style type="text/css">
h1{
font-size:12px;
color:#F00;
}
</style>
</head>
</html>
注意：
1、<style>标签应写在<head>标签之间。
2、style元素始终要以<style type="text/css">开头，最后以一个结束</style>标记结尾。
2、基本语法
CSS规则由两个主要的部分构成：选择器，以及一条或多条声明。
1 selector {declaration1; declaration2; ... declarationN }
选择器通常是您需要改变样式的HTML元素。
每条声明由一个属性和一个值组成。
属性是希望设置的样式属性。每个属性有一个值。属性和值使用冒号分开。
selector {property: value}
示例：将h1标签内的文字颜色定义为红色，字体大小设置为14像素
1 h1 {color:red; font-size:14px;}
下面的示意图展示了上面代码的结构：
注意：
1、CSS对大小写不敏感。如果涉及到与HTML文档一起工作的话，class和id名称对大小写是敏感的。
2、声明要使用花括号括起来。
3、CSS的最后一条声明后的“；”可写可不写，建议都要写上。这样写的好处是：当你从现有的规则中增减声明时，会尽可能地减少出错的可能性。例如：
p {text-align:center; color:red;}
4、CSS如果要定义不止一条声明，则需要用分号将每条声明分开。多条声明可写在同一行，但开发时为了便于阅读建议分行写并缩进。例如：
p { text-align: center; color: black; font-family: arial; }
5、如果属性值由若干单词组成，则要给属性值加引号，例如：
p {font-family: "sans serif";}
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗？
· 10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义
· 【译】Visual Studio 中新的强大生产力特性
· 【设计模式】告别冗长if-else语句：使用策略模式优化代码结构
· 字符编码：从基础到乱码解决