CSS简介
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
网页分成三个部分:
结构(HTML)
表现(CSS)
行为(Javascript)
网页功能-表现层(CSS)
一个大型的网页，所有代码都写在一个HTML文件里面的话，会很不容易管理，同时代码的简洁度也不够，所以把HTML文件内相同的样式提取出来，写到专门的CSS文件内，在通过引用的方式得以展现，大大提高了代码的复用率，提高了整体开发的效率。
CSS(层叠样式表)
网页实际上是一个多层的结构，通过css可以分别为网页的每一个层来设置样式，而最终我们能看到只是网页的最上边一层。总之一句话，CSS用来设置网页中元素的样式。
有三种方式使用CSS来修改html元素的样式:
第一种方式(内联样式、行内样式)：
在标签内部通过style属性来设置元素的样式。
问题：1、使用内联样式，样式只能对一个标签生效；
2、如果希望影响到多个元素必须在每一个元素中都复制一遍；
3、当样式发生变化时，我们必须要一个一个的修改，非常的不方便。
注意：开发时绝对不要使用内联样式。
<body>
<p style="color: red;font-size: 20px;">今天的天气真不错!</p>
</body>第二种方式(内部样式表)：
将样式编写到head中的style标签里。
然后通过CSS的选择器来选中元素并为其设置各种样式；
可以同时为多个标签设置样式，并且修改时只需要修改一处即可全部应用；
优势：内部样式表更加方便对样式进行复用。
问题：1、我们的内部样式表只能对一个网页起作用。
2、它里面的样式不能跨页面进行复用。
<html>
<head>
<meta charset="UTF-8">
<title>CSS简介</title>
<style>
p{
color: red;
font-size: 20px;
}
</style>
</head>
<body>
<p>今天的天气真不错!</p>
</body>
<html>第三种方式(外部样式表) 最佳实践
可以将CSS样式编写到一个外部的CSS文件中，然后通过link标签来引入外部的CSS文件。
优势：1、外部样式表需要通过link标签进行引入，意味着只要想引用这些样式的网页都可以对其进行引用，使样式可以在不同页面之间进行复用。
2、将样式编写到外部的CSS文件中，可以使用到浏览器的缓存机制，从而加快网页的加载速度，提高用户的体验。
<!-- CSS简介.html文件下的内容 -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS简介</title>
<link rel="stylesheet" href="./stype_css.css"> <!--同一文件下./可忽略，相对路径 -->
</head>
<body>
<p>今天的天气真不错!</p>
</body>
</html>
<!-- 新建的style_css.css文件下的内容 -->
p{
color: red;
font-size: 20px;
} 备注：link：连接。rel:relations关系，关联。
href：(Hypertext Reference)超文本引用，规定链接的目标地址，它的值可以是任何有效文档的相对或绝对URL。
<link rel="stylesheet" href="./stype_css.css">：它表示这个link在文档初始化时将被使用，关联的是一个样式表(stype_css.css)文档。
Link标签有两个作用：1. 定义文档与外部资源的关系；2. 是链接样式表。link标签是用于当前文档引用外部文档的，其次，这个标签的rel属性用于设置对象和链接目的间的关系。
753
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
