css选择器(一)基本选择器

基本选择器

1、通用元素选择器

*表示应用到所有的标签。

  *{

   padding:0px;

   margin:0px;

  }

2、元素/标签选择器

匹配所有p标签的元素

  p{

   color:red;

   background:yellow;

  }

3、类选择器

匹配所有class属性中包含“起的类名”的元素。

语法:.类名{属性名:属性值;}

注意:类名不能以数字开头,类名要区分大小写

html:

  <p class="head">

    我是p

  </p>

css:

  .head{

   color:red;

   background:yellow;

  }

4、id选择器

使用id属性来调用样式,在一个网页中id的值都是唯一的。(相当于人的身份证)

语法:#id名{属性名:属性值;}(id名不能以数字开头)

html: 

  <p id=”green”>我是p</p>

css:

  #green{

   color:green;

  }

猜你喜欢

转载自www.cnblogs.com/china825829/p/10078775.html