千锋教育培训

前面，我们已经学完了内联样式、内部样式和外部样式。大家思考一个问题，如果三个样式表修饰同一个元素，哪一个优先起作用呢？（动画演示效果） 带着这个问题，我们来做个实验。 来到编辑器，创建一个文件夹 00

CSS选择器，先来学习简单选择器。 CSS选择器是用来“寻找”或“选择”，你想要定义样式的HTML元素的。我们前面学习过一个最简单的选择器——比如，这个H1元素就是选择器，我们称之为元素选择器。有了选

如果页面结构很复杂，给每个元素设置类名会是很‘头疼’的事情。我们来举个例子。 通过布局和样式，实现这样的页面效果。 在 004 目录下，创建一个 css-combinators.html 文件，构建基

我们经常会看到页面中有一些特殊的动态样式，例如，点击文本的时候，文本颜色发生变化，鼠标悬停在文本区域的时候，文本区域背景颜色发生了改变，这样的效果该如何实现呢？（案例参照：新闻类型的网站） 网站中的标

我们来看个案例，杂志内容中的第一个字符R。样式是特殊定义过的，如果将杂志内容在浏览器中加载，我们该如何实现这个效果呢？ 这就需要用到CSS中中的伪元素选择器来实现了，伪元素选择器，顾名思义：伪：可以理

前面我们已经讲解了，CSS中的简单选择器，组合选择器，以及伪类和伪元素选择器。如果想做到更加精准的查找，并且提高查找元素的效率，我们可以使用CSS属性选择器来完成。 CSS属性选择器，是根据属性或属性

CSS有很多用于格式化文本的属性。比如，文本的颜色、大小写转化、对齐方式、文本间距、文本装饰等等。（此时会同时演示几个案例） 首先，我们来介绍 CSS 如何为文本添加颜色。 通过声明 color 属性

通过CSS文本装饰可以为文本添加装饰线、为装饰线设置颜色、为装饰线指定风格、为装饰线设置厚度等效果。 为文本添加装饰线通过 text-decoration-line 属性实现，可以结合一个以上的值，如

为你的网站选择正确的字体，能够提高用户浏览网站的体验——恰当的字体可以为你的品牌创造一个强大的视觉标识。使用一种易于阅读的字体，比如为字体选择正确的颜色和文字大小，都是非常重要的。（做后期时，此处根据