css 课堂笔记

一、属性

属性:表示事物的一些特征

分为两种:1、标签属性

                  2、 样式属性 

两者的区别:位置不一样  (样式属性写在style中,标签属性写在标签内)

                      写法不一样(样式属性是属性:属性值,标签属性是属性="属性值")

二、选择器
  选择器

              标签选择器

              id选择器

             class选择器

样式由选择器的权重来决定

      标签的权重:1      class的权重为 10          id的权重为  100                        (备注:权重可以叠加)

浏览器执行代码是从上往下,从左往右。

选择器的分类:

        1、标签选择器

        2、id选择器

        3、class选择器

        4、后代选择器 (标签嵌套多层关系)

        5、子代选择器(标签嵌套只有一层关系)

        6、交集选择器 (千万不能把标签写在后面 如:.aap)

三、css

css叫层叠样式表 ,用于给html添加样式

网页中如何嵌套style样式

    1、行间样式(将style当做属性写在标签内)

       例如:<P style="color:red;"></p>

    2、行内样式(将style当做标签来写,写在head之间)   

        例如:<style>

            p{color:red;}

          </style>

    3、外部引用  (把style当做css文件来用)

        例如:<link  type="text/css" rel="stylesheet" href="./01.css”>(备注:rel和href是必不可少的)

    4、嵌入式(@ import url ("02.css")

行间样式把style当做属性使用,键值对在属性值中该怎么用就怎么用;

行内样式把style当做标签使用,键值对还是老样子;

外部引入,将样式写在css文件中,还是以键值对的形式书写样式。

原文地址:https://www.cnblogs.com/gdqx/p/9620375.html