CSS基础

最新推荐文章于 2024-10-02 15:35:50 发布

Yeauty

最新推荐文章于 2024-10-02 15:35:50 发布

阅读量360

点赞数

文章标签： css

本文链接：https://blog.csdn.net/Yeauty/article/details/53340349

版权

CSS概述

Cascading Style Sheets 层叠样式表

CSS的简单语法:

在head标签内,定义如下代码

<!--在head标签内,定义一个style标签-->
<style>
  /*
    选择器{
      属性名:属性值;
      属性名2:属性值2;
    }
  */            
</style>

CSS选择器:

选择器的作用,它是能够让我们更加精确的找到要修饰的元素

元素选择:

/*
  元素名称{
    属性名称:属性值;
    属性名称2:属性值2;
  }
*/
div{
  color: red;
}

ID选择器:

            /*
                #ID的名称{
                    属性名称: 属性的值;
                }
             */
            #jjr{
                color: red;
            }
/*注意:在页面中,ID通常都是唯一的*/

类选择器:

            /*
                .类名{
                    属性名称:属性的值;
                    属性名称2:属性的值2;
                } 
            */
            .fruit{
                color: greenyellow;
            }