zoukankan      html  css  js  c++  java
  • 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文件中,还是以键值对的形式书写样式。

  • 相关阅读:
    Linux--echo输出内容到控制台
    Web前端基础(14):jQuery基础(一)
    Web前端基础(13):JavaScript(七)
    Web前端基础(12):JavaScript(六)
    Web前端基础(11):JavaScript(五)
    Web前端基础(10):JavaScript(四)
    Web前端基础(9):JavaScript(三)
    Web前端基础(8):JavaScript(二)
    Web前端基础(7):JavaScript(一)
    Web前端基础(6):CSS(三)
  • 原文地址:https://www.cnblogs.com/gdqx/p/9620375.html
Copyright © 2011-2022 走看看