CSS调用和声明类

时间:2018-10-06 17:47:52

标签: css css-selectors

好的,所以我对在CSS中声明和调用类有些困惑。当我创建一个类时,它使用一个“。”但是当我叫它时,例如。

.smaller-image {
    width: 100px;
}

<a href="#"><img src="someimageurl.com" class="smaller-image" alt="some image 
text."></a>

4 个答案:

答案 0 :(得分:1)

前面的点将其定义为CSS中的 class ,例如与div(根本没有前缀)或哈希值之类的 tag 相对 id #something)。在HTML中,不需要所有这些,因为属性是classid或没有属性。

答案 1 :(得分:1)

在HTML中,类名显然是类名,因为它们包含在class属性中。他们不需要其他任何东西就可以清楚地表明它们是类名。

在CSS中,选择器可以由很多东西组成。 ID,元素类型,属性名称,属性值等!因此,您需要明确说明您使用的是类名。 .字符的意思是“下一个是类名”。

答案 2 :(得分:1)

CSS使用Sensorclass或标记名称(例如id)将样式应用于HTML元素。

在编写要应用于body的CSS规则时,请在类名前加上class

在编写要应用于.的CSS规则时,请在ID名称前加上id。请注意,一个id只能由页面上的一个元素使用,而一个类可以随便使用。

示例:

#

答案 3 :(得分:1)

名称HTML代表超文本标记语言,它使用标记表示的标记元素描述网页的结构。每个标签都可以包含属性。

class属性为HTML元素指定一个或多个类名。

CSS代表级联样式表,它描述了HTML元素如何在屏幕(或其他媒体)上显示。

在CSS中,要选择具有特定类的HTML元素,我们使用句点(。)字符,后跟类的名称。

希望这可以澄清您的想法,并喜欢编码!

编辑:在您的示例中,您使用.com作为源。你不能 在此处阅读有关图像格式和支持的内容:  https://en.m.wikipedia.org/wiki/Comparison_of_web_browsers#Image_format_support