让我们开始 CSS 的学习之旅

您所在的位置:网站首页 css清楚默认样式是什么意思 让我们开始 CSS 的学习之旅

让我们开始 CSS 的学习之旅

2023-12-22 14:52| 来源: 网络整理| 查看: 265

目前为止,我们通过 HTML 元素名规定样式。如果你愿意所有元素都一个样,也不是不可以,但大多数情况下,我估计你都不愿意。我知道你想干啥,你想用这种方式样式化这一片元素,又想用那种方式样式化那一片元素,真贪心。不过没关系,你可以给 HTML 元素加个类名(class),再选中那个类名,这样就可以了,大家基本上都这么用。

举个例子吧,咱们把 class 属性加到表里面第二个对象。你的列表看起来应该是这样的:

html 项目一 项目二 项目 三

在 CSS 中,要选中这个 special 类,只需在选择器的开头加个西文句点(.)。在你的 CSS 文档里加上如下代码:

css.special { color: orange; font-weight: bold; }

保存再刷新,就可以看到变化。

这个 special 类型可不局限于列表,它可以应用到各种元素上。举个例子,你可能也想让段落里边的 一起又橙又粗起来。试试把special 类属性加上去,保存,刷新,哇,生活就是这么美好。

有时你会发现选择器中,HTML 元素选择器跟类一起出现:

cssli.special { color: orange; font-weight: bold; }

这个意思是说,“选中每个 special 类的 li 元素”。你真要这样,好了,它对 还有其他元素不起作用了。你可以把这个元素再添上去就是了:

cssli.special, span.special { color: orange; font-weight: bold; }

你们都是懒人,肯定不想每加一个 special 类的元素就改一遍 CSS 表,你肯定想把一个类的属性应用到多个元素上。所以说,有时还是别管元素,光看类就完事了,除非你意志坚定,坚持对这个类的某一种元素创造规则,还不让其他元素用。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3