关于HTML你不得不知的几个小知识

HTML 有标签,CSS 有选择器。选择器是给内部或外部样式表的名称。当找到一个或多个 HTML 元素时,通过声明属性来添加样式。常用的样式选择器包括:HTML 选择器、类选择器、ID 选择器、复合选择器、关联选择器、伪类和伪元素。

1 个 HTML 选择器

HTML选择器,HTML标签,用于改变指定标签的样式。任何 HTML 元素都可以是 CSS 选择器,用于查找与选择器同名的 HTML 元素。如下:

2种选择器

同一个选择器可以有不同的类,从而允许同一个元素有不同的样式。例如,开发人员可能希望交替使用段落的背景颜色。

这些类可以在 HTML 中找到

使用标签中的类属性引用,每个

element 指定一个类名。如下:

图片[1]-关于HTML你不得不知的几个小知识-老王博客

上面的例子为 HTML 建立了两个类:dark-row 和 light-row

元素使用,并通过class属性指定HTML中元素使用的类。类声明也可以在没有关联元素的情况下使用,只要在定义类选择器时在 HTML 标记之前没有点 (.),这样类就可以在任何元素上使用。如下:

.note { font-size: small } /* note 的类可以用在任何元素上 */

类名是自定义的,最好根据类的功能而不是外观来命名类。上面例子中的note类也可以命名为small,但是如果开发者决定改变类的样式,让它不再是小字体伪元素选择器link,那么这个名字就变得毫无意义了。

另外,一个HTML元素可以同时使用多个类选择器伪元素选择器link,也可以使用class属性指定多个类名,但多个类名之间要用“空格”隔开。如下:

第一段

/* 为p元素指定一、二、三三个类 */

3 id 选择器

在 HTML 页面中,id 属性指定单个元素,id 选择器用于为该单个元素定义单个样式。ID选择器的应用与类选择器类似,只是将class替换为id。它们之间的区别在于 id 用于唯一元素,而 class 用于多个元素。要定义 ID 选择器,请在 ID 名称前添加“#”号,这与类选择器相同。例如,可以按如下方式指定 ID 选择器:

#main { text-indent: 3em } /* 在 ID 名称前添加“#”号 main */

在下面的示例中,使用 id 属性来匹配 id=”main” 的段落元素

文本缩进 3em

© 版权声明
THE END
喜欢就支持一下吧
点赞0
分享
评论 抢沙发

请登录后发表评论