千锋教育培训

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

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

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

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

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

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

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

通过CSS文本装饰可以为文本添加装饰线、为装饰线设置颜色、为装饰线指定风格、为装饰线设置厚度等效果。 为文本添加装饰线通过 text-decoration-line 属性实...

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

通过 CSS 可以设置文本倾斜、文本粗细以及文本大小写等字体风格。 font-style 属性主要用于指定斜体文本。 这个属性有三个值： normal，文本正常显示。 it...

零基础学前端之CSS文本与字体综合案例，我们来先来分析一下这个案例。 标题容器左对齐，有固定的宽高。标题文字白色，水平垂直居中。 正文共四个段落，每个段落都有固定的宽度，右...

在前面，我们学习了样式表引入的优先级判断。如果多个选择器都来修饰同一个元素，优先级又该如何判断呢？ 我们来看一个例子。 ``` 学历和能力哪个更重要？ ``` 仔细观察一下...

我们学习如何应用CSS给元素添加边框。 CSS边框属性，允许我们指定一个元素边框的样式、宽度和颜色。 我们先来学习元素边框的样式。border-style 属性指定了要显示...

在 HTML 中，最常用的两种列表的类型就是无序列表和有序列表，使用 ol 和 ul 元素实现。列表项通过列表元素属性，实现空心实心圆点和数字字母等不同的形式。...

假设这里有个 div 容器，宽 400，高 300，默认情况下，这个 div 是没有背景的，或者说它的背景是透明的，我们拿一张图片实验一下就能看得出来，这个 div 在默认...

在表单的学习中，细心的同学发现了，当前密码框控件获得焦点时，浏览器默认会给它一个蓝色的轮廓，提高用户输入信息的体验。...

网站布局中，区块间的空隙可以使布局显得整齐有序，清晰明了。 CSS边距属性用来在元素周围创造空间，也就是控制元素边框外的距离。可以通过 margin-top，margin-...

这节课，我们学习 CSS 填充属性和 CSS 宽度与高度属性。 还是看这个例子，每个区块除了设置外边距，还有内容周围的空间以及内容的宽高设置。 CSS 填充属性用于在一个元...

在网站布局中，我们会使用各种各样的元素，这些元素本质上就是一个个小的容器，也称之为盒子，盒子里面可以放置文本，图片，或者其他元素。...