马睿-20201028

10月28日

css3（层叠样式表 ）
作用：用来修饰网页
选择器（镜子）：精确的选中要修饰的目标
link rel="stylesheet"将css文件引用过来
常用的选择器：
1、类选择器：用class定义<div class="box"></div>，可共用
.box{
width：300px；
height：200px；
background-color：red
}
2、标签选择器：<h1 class="box"></h1>
                           <span></span>
h1（
width：400px；
height：200px；
background-color：#11aabb;
3、id选择器：
#box{
width：400px；
height：200px；
background-color：#123；
}
4、后代选择器：
#text{
     color：hotpink；
}
5、伪类选择器（鼠标悬停状态）：
a:hover{
     text-decoration: none;
}
6、通用选择器（只用一次）
{
       margin：0；/*外边距*/
       padding：0；/*内边距*/
       border：0；/*边距*/
}

id选择器>类选择器>标签选择器

      color：red；/*修饰字体的颜色*/ 
      font=size：30px；/*修饰字体的大小*/
      font-family：“宋体”；/*字体类型*/
      font-style：italic；/*字体的样式*/
      font-weight：bold；/*字体加粗*/
      letter-spacing：5px；/*字体间距*/
 
      text-align：center；/*对齐方式*/
      line-height：300px；/*行高*/
      /*text-decoration：overline；*//*文本划线*/
     text-shadow：2px 2px 3px yellow；/*字体阴影*/

心得体会：通过今天的学习知道了什么是css什么是选择器以及它们的作用，并且了解了几种常用的选择器。
通过自己实验，对其中的逻辑更加熟悉了。对今天的学习有了更深的了解，对以后也会有很大的帮助。