CSS

Id和Class选择器

如果我们要在HTML元素中设置CSS样式,那么我们需要在元素中设置"Id"和"Class"选择器。

Id选择器

Id选择器可以标有特定Id的HTML元素指定特定的样式。

HTML元素以Id属性来设置Id选择器,CSS中Id选择器以"#"来定义。

以下的样式规则应用于元素属性Id="Para1":

#Para1
{
    text-align:center;
    color:red;      
}

 注意:Id尽量不要使用数字开头,数字开头的Id在有些浏览器中不起作用。

Class选择器

class选择器用于描述一组元素的样式,class选择器有别于id选择器,class选择器可以在多个元素中使用。

class选择器在HTML中以class属性表示,在CSS中,类选择器以一个点"."号显示,例如:

.center {text-align:center;}

我们也可以指定特定的HTML元素使用class。

在以下实例中,所有的p元素使用class="center"让该元素的文本居中:

p.center {text-align:center;}

注意:用样的,在class名字中,也不要使用数字开头,因为数字开头的class,部分浏览器不支持。

  作者:Jeremy.Wu
  出处:https://www.cnblogs.com/jeremywucnblog/
  本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

原文地址:https://www.cnblogs.com/jeremywucnblog/p/12118181.html