CSS
...大约 2 分钟
CSS(Cascading Style Sheets)层叠样式表，又叫级联样式表，简称样式表
CSS用于HTML文档中元素样式的定义，使用CSS的唯一目的就是让网页具有美观一致的页面
语法
CSS规则由两个主要的部分构成：选择器，以及一条或者多条的声明（样式）
- 选择器：通常是需要改变样式的HTML元素
- 声明：由一个属性和一个值组成
属性(property)是希望设置的样式属性(style attribute)。每个属性有一个值。属性和值被冒号分开。
<style>
h1{
color: blue; /* 设置字体颜色 */
font-size: 12px; /* 设置字体大小 */
}
</style>
CSS的引入方式
内联样式（行内样式）
要使用内联样式，需要在相关的标签内使用样式(style)属性。style属性可以包含任何CSS属性
相关信息
缺乏整体性和规划性，不利于维护，维护成本高
<p style="background: orange;font-size: 24px;">CSS</p>
内部样式
当单个文档需要特俗的样式时，就应该使用内部样式表。可以使用 <style>标签在文档头部定义内部样式表
相关信息
单个页面内的CSS代码具有统一性和规划性，便于维护，但是在多个页面之间容易混乱
<head>
<style>
h1 {
background: red;
}
</style>
</head>
外部样式（推荐）
当样式需要应用于很多页面时，外部样式表将是理想的选择。 在使用外部样式表的情况下，可以通过改变一个文件来改变整个站点的外观。代码重复利用率比较高。 每个页面使用 <link>标签链接到样式表。<link>标签在（文档的）头部
<link rel="stylesheet" type="text/css" href="xxx.css">
需要新建一个单独的CSS文件
p {
color: blue; /* 设置字体颜色 */
font-size: 12px; /* 设置字体大小 */
}
Powered by Waline v3.2.0