Erlo

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

2018-12-06 20:02:13 发布   526 浏览  
页面报错/反馈
收藏 点赞

基本选择器

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;

  }

登录查看全部

参与评论

评论留言

还没有评论留言,赶紧来抢楼吧~~

手机查看

返回顶部

给这篇文章打个标签吧~

棒极了 糟糕透顶 好文章 PHP JAVA JS 小程序 Python SEO MySql 确认