java学习笔记(25)css三大选择器—–标签名选择器、ID选择器、类选择器

  • Post author:
  • Post category:java


1.标签名选择器

给页面所有同名的标签定义样式的选择器

 span{
      background-color:skybule;
      font-size:40px;
      font-family:“楷体”;
      color:green
      }   

2.ID选择器

一般body中的任何一个标签都有ID属性

ID属性的值一般在同一个网页中使不允许有重复值

ID属性一般用于帮助我们定位到页面上的惟一的一个标签

ID属性 命名规则:

不能有空格和一些特殊符号,特殊符号中仅可以使用_和$,不推荐以数字开头

语法:#ID值{样式}

               #s2{
                    border:1px blue;
                    color:red;
                    width:100px;
                    height:100px;
                   }

               <body>
                   <span id="s1">飞飞飞</span></br>
                   <span id="s2">龙卷风摧毁停车场</span></br>
               </body>    

3.类选择器

一般body中的所有标签都有class属性

多个不同的标签可以有相同的属性

通过标签的class属性确定样式的作用范围

语法: .class属性值{样式}

               c1{
                    border:1px blue;
                    color:red;
                    width:100px;
                    height:100px;
                   }

               <body>
                   <p id="p1" class="c1">今晚打老虎</p>
                   <h1 id="ha" class="c1">乌鸦坐飞机</h1>

               </body>          

ps:个人学习笔记,如有错误请大佬指正(手动狗头)



版权声明:本文为weixin_49750432原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。