类VS ID
级联样式表(CSS)是一种用标记语言编写的文档的外观和格式的语言。CSS被广泛用于设计用HTML编写的网页。CSS允许除了为HTML元素应用样式外指定自己的样式选择器。这是使用ID和类选择器完成的。指定单个唯一元素的样式时,使用ID选择器。指定一组元素样式时,使用类选择器。
什么是课?
在CSS中,可以使用类选择器将您自己的样式应用于一组元素。类选择器用于将特定样式应用于具有同一类的一组元素。在CSS中,类选择器由全站(。)识别。以下是CSS中定义的类选择器的示例。
。我的课 {
颜色:蓝色;
字体重量:大胆;
}
HTML可以使用如图所示的Bellow使用属性类中定义的类别。
这是我的格式
这是我的格式
如上所示,同一类可用于多个元素,并且单个元素可以使用多个类。当在同一元素中使用多个类时,将这些类插入到由空间界定的类属性中,如所示。
这是我使用两个类的格式
什么是ID?
在CSS中,ID选择器可用于将您自己的样式应用于单个唯一元素。在CSS中,通过哈希(#)标识ID选择器。以下是CSS中定义的ID选择器的示例。
#我的身份 {
红色;
文本合格:正确;
}
HTML可以使用如图所示的Bellow使用属性ID来参考CSS中定义的ID选择器。
这是我的格式表格ID选择器
ID是唯一的。因此,每个元素只能具有一个ID,每个页面只能具有该特定ID的单个元素。ID具有一个重要的特征,可以与浏览器一起使用。如果页面URL包含一个哈希值(例如http://myweb.com#my_id),浏览器将尝试自动找到使用ID“ my_id”的元素,并滚动网页以显示该元素。这是该页面应具有具有该特定ID的单个元素的原因之一,以便浏览器可以找到该元素。
班级和ID有什么区别?
即使可以使用类选择器和ID选择器将您自己的样式应用于网页中的元素,但它们具有一些重要的差异。类选择器可用于将自己的样式应用于一组元素,而ID选择器则用于将样式应用于单个独特元素。使用ID时,每个元素只能具有一个ID,每个页面只能具有该特定ID的单个元素,但是类可用于多个元素,并且单个元素可以使用多个类。此外,ID可用于自动滚动页面以使用该ID显示该元素,但是类选择器不可能。
发表评论