CSS选择符的使用以及注释问题

通配符选择符

在编写代码时，用“*"表示通配符，其做用是定义页面全部元素的样式(全部内容都需修改）
*{ margin:0px
   padding:0px
  }
head中
<style>
*{
   font-size:30px;
   color:red;
 }
</style>

类选择符
 类选择符经过直接引用元素中类属性的值而产生效果，这个应用前面老是有一个句点"."，这个 句点用来标识一个类选择符，类名能够随意命名，但最好根据元素的用途来定义一个有意义的 名称。
    .dreamdu-red-font{color;red;}
    <div class="dreamdu-red-font">红色字体 </div>
例：
head中
<style>

  .font_green{color:green;}
</style>
在 HTML 须要用class来引用

ID选择符
ID选择符与类选择符极其类似，雷选择符以"."开头，而Id选择符是以"#"开头。对于一个HTML文档来讲，每个标签均可以使用id=""的形式进行一个名称指派，但须要注意，在一个HTML文件中id是具备唯一性是不能够重复的。
   #font-red{color:red;}
   <div id="font-red">红色字体</div>
在引用时须要标签里用id名称来关联

包含选择符
 若是用户想对某个对象中的子对象进行样式指派，包含选择符就能发挥做用。包含选择符又称 为后代选择符，由于该选择符是做用于某个元素中的子元素的，且不只限于两层标签元素，能够多层。
例：
  head
<style>
 h1 span （嵌套 对h1下的span起做用）
    {
       font-size:50px;
       color:blue;
     }
</style>
 body
 <h1>H1改变了吗</h1>
 <span>span改变了吗？</span>
 <h1>(只有该状况改变了）
   <span>w改变了吗？</span>
 </h1>

是一个HTML标签包含了另外一个标签。把HTML标签看成选择器的名称，全部被指派的标签都改变属性 例：
body{background:#00ff00};
tr{ background:#00ff00};

群组选择符
 使用逗号对选择符进行分隔，这样书写的优势在于一样的形式只须要书写一次，减小了代码量，有利于改善CSS的代码结构。例 宽高同样 颜色不同
<style>
  .a1,a2,a3
{
  width:300px;
  height:300px
}
.a1{background-color:red};
.a2{background-color:green};
.a3{background-color:blue};
</style>
<div class="a1">测试1</div>
<div class="a2">测试2</div>
<div class="a3">测试3<div>

注：<style></style>中的注释不能写成<!--注释-->的形式 会影响到显示效果
    能够用/*..*/来写注释