本文介绍了CSS的四种引入HTML的方式：内嵌、内部样式、链入和导入，并详细讲解了CSS的选择器，包括标记选择器、类选择器、ID选择器、交集选择器、并集选择器、后代选择器和子对象选择器，以及CSS的叠加、就近和自然顺序原则。
前面介绍了html，今天我将为大家介绍css。css也就是层叠样式表，通俗的来讲就是专门管理样式的。一般的布局模式都是css+div布局，大家可以随便找个网页来查看他的源代码，一般都会是civ布局。
首先我将为大家介绍css如何来引入html中。
第一种方法叫做内嵌，混合在HTML标记里使用，对每个元素单独定义样式
语法：<标签 style="属性1:值1;属性2:值2……"> 标签内容 </标签>
例： <p style="color:blue;font-size:10pt"> 内嵌样式示例 </p>
这种方法其实比较简单，但是不常用，可能我们在刚接触css时都会这么来使用，但是试想一下，如果我们以后做很多网页，而每个标签都一个一个的嵌套来定义它的样式，那我们所耗费的时间太多。而且这么做css被单分出来成为一种语言也就没有意义了。
第二种方法叫做内部样式，在HTML的头部标签<head>与</head>之间添加样式
例：
<style type="text/css">
p{
color: aqua;
}
</style>内部样式是我们平常开发所常用的一种方法，因为他不会像内嵌样式一样有许多冗杂的代码段，而且便于我们维护和修改。在我看来，要想成为一个好的前端工程师，我们应该从大局来考虑，不仅要页面做的美观，代码也应该整齐，简洁易懂。当然这都只是我个人理解，大家可以批评指正。
第三种方法叫做链入，链入外部样式 把样式表保存为一个样式表文件，然后在页面中使用<link/>标签链接到这个CSS文件。
例：
<link rel="stylesheet" href="Untitled-3.css" type="text/css" />link标签的rel属性是说链入的是一个样式表，href的属性值是你样式表的路径。
第四种方法导入外部样式 在内部样式表的<style></style>里导入一个外部样式表，导入时使用@import标签。
例：
<style type="text/css">
@import "Untitled-3.css";
</style>导入外部样式和链入其实我感觉差不多，基本都是从外部来引用css，这两种方法我认为都差不多，在我开
最低0.47元/天 解锁文章
扫一扫
125
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
