一、属性

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

属性分为标签属性和样式属性

标签属性:<img src="1.jpg" width="200px" heifht="200px"/>

样式属性:<style>

        p{

          color:red;

          }

二者的区别:1、位置不一样 —— 样式属性写在style中 标签属性写在标签内

      2、写法不一样 —— 样式属性是属性:属性值,标签属性是属性="属性值"

二、选择器

1、样式到底按什么要求?

     由选择器的权重来决定的

注:标签的权重是1,  class的权重是10,   id的权重是100.

       权重是可以叠加的

2、浏览器是如何去执行代码?

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

3、选择器的种类

  1)、标签选择器

  2)、id选择器

  3)、class选择器

  4)、后代选择器

       p  a{

        color: red;          标签嵌套多层(包括一层)

        }

  5)、子代选择器

      .pp>a{

           color: red;         标签嵌套只有一层关系

         }

  6)、交集选择器

     #p.aa {

         color: red;

        }

    注:千万不能把标签写在后面,如:.app

三、CSS

1、CSS:层叠样式表

  目的:是给html添加样式

   <style   type="text/css"></style>

2、网页中如何嵌套style样式

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

    <p style="color: red;">heello</p>

  2)、行内样式: 把style当作做标签来用写在head之间

    <head>

      <meta charset="UTF-8">

      <title></title>

      <style  type="text/css">

        p{

           color: red;                        行内标签

         }

      </style>

    </head>

  3)、把style当做CSS文件来用。外部引用

    <link  type="text/css" rel="stylesheet"  href="./01.css">

  注:rel和href是必不可少的

    双标签     必须写结束标签,p可以忽略结束标签

3、CSS的三种引入方式:

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

  2)、行内样式:把style当做标签来使用,键值还是老样子;

  3)、外部引入:将样式写在CSS文件中,还是以键值对形式书写样式。