CSS初学1------选择器

        首先认识了一下为什么叫做CSS,原来是英文cascading style sheets的缩写。中文叫做层叠样式表。现在的最新版本的CSS好像是CSS3.0。

     

    一、对于CSS,设置样式,具体设置的东西应该就是字的大小、颜色等。

  1. CSS是给HTML设置样式,所以设置颜色当然是必不可少的了。

        我现在知道的设置样式的方法是在<style>  </style>中color:red,green,blue,grey,yellow等,还可以用rgb,rgba,以及16进制。

        2.字体大小:font-size:40px;

        3.加粗:font-weight:bold;

        4.斜体:font-style:italic;

        5.下划线:text-decoration:underline/none;

 


    二、如何选中我们所要的选择的标签,我们可以用标签选择器、类选择器、ID选择器等。



        1.标签选择器。比如:

  <style type = " text/css">

                  p{

                         color:red;

                    }  

  </style>

可以用标签选择器去除一些没用的东西。比如说去除margin.



2.类选择器。英文名字就是class。比如:

.class{

            color:red;

            }

<1  一个标签里面可以有好几个类,但是不是定 义好几个class,而是在一个class里面定义好多个类名字,中间用空号隔开。

             <p class = "class1 class2 class3"></p>而不是<p class = "class1"   class = "class2"  class = "class3"></p>.

<2  一般来说,我们设置个性,一般都是用类选择器,而不会用ID选择器。因为你如果设置好了一个.class,加到某个标签上只需要在标签上加上这个类。




3.ID选择器。

#ID{

         color:red;

      }

每一个标签都可以有自己的一个ID,ID的名字可以任取,but

<1 标签只能由字母,数字,下划线组成。

<2必须以字母开头

<3不能和标签名相同,比如 html  body p h1等

<4ID的名字严格区分大小写

<5ID不能重复


三、组合选择器。

1.后代选择器

div div div p{


}


2.组合选择器

div#a123{


3.并集选择器

p,body{

           margin:0;

}

4.通用选择器

*{


}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值