马睿-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什么是选择器以及它们的作用,并且了解了几种常用的选择器。
通过自己实验,对其中的逻辑更加熟悉了。对今天的学习有了更深的了解,对以后也会有很大的帮助。

标签

评论

© 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1