使用CSS命名您的HTML元素以使样式化特定元素的技巧 - 傻瓜式

在CSS中定义特定元素的一种方法是命名您的HTML元素。通过使用 id 或 class 属性来命名代码，然后通过引用 id 或 class 选择器来设置代码的样式。

使用id属性

命名您的代码使用 id 属性在网页上设置一个特定元素的样式。 id 属性可以命名任何HTML元素，并且始终放置在开始的HTML标记中。此外，每个元素只能具有一个 id 属性值，并且属性值必须在HTML文件中只出现一次。在HTML文件中定义属性之后，通过编写一个标签（ # ），然后是属性值，引用CSS中的HTML元素。

<！使用

id 属性，下面的代码样式Modern Seinfeld Twitter链接带有黄色背景的红色： HTML：

Modern Seinfeld

CSS：

#jerry {

color：red;

background-color：yellow;使用类属性

命名您的代码使用

类

属性来设置网页上的多个元素。

类的 属性可以命名任何HTML元素，并始终放置在开始的HTML标记中。 HTML文件中的属性值不必是唯一的。在HTML文件中定义属性之后，可以通过写一个句点（。），然后是属性值来引用HTML元素。 <！使用 class 属性，下面的代码样式所有的模仿技术Twitter帐户链接颜色红色，没有下划线：

HTML：

无聊的伊隆麝香< Vinod Coleslaw

Horse ebooks

CSS：

• 。高科技{

• 颜色：红色;

  text-decoration：none;

• }

主动使用搜索引擎（如Google）来搜索额外的CSS效果。例如，如果要增加每个列表项之间的间距，请打开浏览器并搜索列表项行间距css。出现在前十名结果中的链接应包括：

W3Schools

：

初学者教程网站

堆栈溢出

：

• 经验丰富的开发人员的讨论板 Mozilla：指南最初是由维护Firefox浏览器的基础创建的，现在由开发人员社区维护 这些站点都是开始的好地方;请务必查找包含示例代码的答案。