类选择器

标签:#类选择器class# 时间:2018/10/04 20:32:25 作者:Shino

    <style type="text/css" media="screen">
              /*类选择器 .就是类的符号  class属性和id属性相似任何标签都可以携带
      但是class属性可以重复*/
      .yanse{
          color: red;
      }
      .daxiao{
          font-size: 50px;
      }
      /*类尽可能的小 从而让更多的标签可以选择 尽量不要用一个类完成一个标签的所有样式*/
    </style>
     <!-- 正确的思路 就是用所谓的“公共类”  用类提供公共服务 比如设定好颜色粗细大小的类 让标签自己选择想要的类 
     一般来说css层面不用id属性  因为js需要id属性得到标签
     所以除非特别情况 一般不用id而用class来定制样式-->
</head>
<body>
     <h3>我是一个h3</h3>
     <h3 class="yanse daxiao">我是一个h3</h3>   <!-- 同一标签可以属于多个类 中间用空格隔开 而不是用两个class标记-->
     <h3>我是一个h3</h3>
     <p class="daxiao">我是一个段落</p>
     <p class="yanse">我是一个段落</p>
     <p>我是一个段落</p>

</body>
欢迎大家关注DataLearner官方微信,接受最新的AI技术推送
相关博客