CSS是什么
官方定义
CSS--层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
我的理解
css是点缀修饰html的的语言。
简单举例
我们知道，在写出单纯的html网页的时候，会密密麻麻的。例如：
单纯的html语句会显得这样很单调。
如果添加一些css就会发生一些变化：
CSS的用法
css有三种用法：1.行内样式 2.内嵌样式 3.外部样式
1.行内样式
行内样式就是直接在 HTML 标签中使用 style 属性设置 CSS 样式。例如：<p style="font-size: 48px;font-family:华文新魏">行内样式</p>
这一行代码的意思是，设置了字体大小为48px，字体样式为华文新魏。
当然了，肯定可以再写一些别的。每设置都要用分号隔开。
2.内嵌样式
内嵌样式就是将 CSS 代码写在<head>中的<style>中。
例如：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS三种方式</title>
<style>
p{
font-style:italic;
font-weight:bold;
font-weight:400;
color: #f30eee;
font-family:"楷体";
font-size:1.5em ;
}
</style>
</head>
<body>
<p>内嵌样式</p>
<p>学习CSS~</p>
</body>
</html>运行结果：
在<style>中p{……}设置的一系列的。将所有的p标签都设置为此样式。
在每个样式代码块里每一个属性都需要用英文分号';'隔开。
3.外部样式
外部样式是最常用的方式。
外部样式就是把 CSS 代码保存在一个单独的文件中，文件的扩展名为 .css，然后在 HTML 页面中引入这个 CSS 文件即可。
在现阶段学习中我们先使用链接式即可。
定义一个style.css。
在头文件里引入<link rel="stylesheet" type="text/css" href="d.css">
例：
style.css:
.head{
background-color: #ff0000;
color: white;
}
.poem-box{
background-color: #25b6ff;
padding: 10px;
margin: 24px 0px;
}demo9.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>case</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="head">
<h1>CSS的第三种方式，也是最常用的方式：外部样式</h1>
</div>
<div class="poem-box">
<h2>马拉松</h2>
<p>
马拉松（Marathon）长跑是国际上非常普及的长跑比赛项目，全程距离26英里385码，
折合为42.195公里（也有说法为42.193公里）。分全程马拉松（Full Marathon）、
半程马拉松（Half Marathon）和四分马拉松（Quarter Marathon）三种。
</p>
</div>
<div class="poem-box">
<h2>长跑明星</h2>
<p>
大迫杰-走自己的路<br>
莫法拉-为身份而战<br>
贝克勒-不因岁月败<br>
奎罗伊-命运的宿敌<br>
</p>
</div>
<div class="poem-box">
<h2>百米五虎</h2>
<p>
贾斯廷·加特林<br>
阿萨法·鲍威尔<br>
泰森·盖伊<br>
约翰·布雷克<br>
尤塞恩·博尔特<br>
</p>
</div>
</body>
</html>
可以看到最终效果和上一节内嵌样式示例中的是效果一样。只不过 CSS 部分独立为了一个单独的文件。
由于链接式在减少代码书写和减少维护工作方面都非常突出，所以链接式是最常用的一种引用 CSS 样式的方法。
CSS样式优先级
那么就出现了一个问题，如果我两种方法一起用，甚至三种方法一起用。那该使用哪一种样式呢。
答：就近原则
离着谁近就先用谁。不推荐这样，尽量用一种，大方美观，便于开发维护。
小结
此篇只讲述了如何接手运用css。
建议使用外部样式
优点：
1.使样式与html分离，实现了结构与表现的代码完全分离；
2、方便复用及维护，减少了工作量；
3、减少文件大小，让页面结构更容易被程序员和网络爬虫读懂；
4、节省网络流量和带宽；
5、减少渲染时间；
6、有利于搜索排名等。
