2021-01-17

第28集

必须内部与外边建立联系。
通过link标签建立外部css

<link rel=“stylesheet” herf=‘地址“>

谁想用就引入一下就行了，这样意味只要想使用这种就可以在不同的样式表使用，在开放中一般外部开发表，内部样式表，行内样式表都没有外边样式表用的多，学习的时候可能内部比较多。
如果使用外部编写表可以最大使用浏览器缓存机制。
第29集
css语法
style标签内部是一个特殊的区域。我们不能使用html的内容。比如说<!---->就不好用了。但是css里里面/* 注释内容*/vs中使用ctrl+/使用进行操作。css语法
选择器{}。一个选择器一个声明块，通过选择器可以选择页面中主要的元素。
p或者h可以选择元素。
声明块设置内容，声明块由一个个声明块组成，一个样式明对应一个样式值。
样式明；样式值
color:颜色
第30集
有的时候不想全部的p都变成红色。可以在里面加上id=“”，可以通过id来选中元素。
#id属性值{}
#box{}#red{}
就是给内容一个值罢了
id最好不能重复js中的id不能重复。这样写很容易出现隐患。id一定不能重复。
class可以设置属性，和id类似。不同的是class可以重复使用。和id一样。class就是很多不一样的可以都叫做clas

<p  id=""  class="">

这里id不能重复，但是class可以重复。可以为了class进行分类。根绝元素class来选择一组元素。
选中class标签的时候采用的方式是.class
的方式。
#开头的叫做id选择器
.开头的叫做类选择器
class更强大。所以id不能重复。主要是用class
可以为一个元素指定多个class=“a b”采用.a选中，多个class中间使用空格隔开。
还有捅配选择器
*{}选中所有元素。
如果要满足两个条件div.class

<div></div>

交集选择器
选中符合多个条件
语法，选择器1选择器2选择器3选择器n()
可以满足第一个条件，也能满足第二个条件。
交集选择器中如果有元素选择器，必须元素选择器开头。
同时选中了两个元素选择器h1，span{}
同时选中多个选择器那么操作方式是用，隔开。选择器1，选择器2，选择器3，选择器n{}。这种语法可以同时选中多个选择器
元素前面不加
id前面加#
class加.
第31集
父子选择器，兄弟选择器，是一种关系选择器。

<div>
  我是一个div
    <p>
       我是div中的p元素
          <span>我是p元素中的span</span>
          </p>
          <span>我是div中的span元素</span>
        </div>  

div是p元素的父元素。p是div的子元素。span不是div的子元素，是div的后代元素。
元素中的关系
父元素（直接包含子元素的元素是父元素）
子元素
祖先元素（直接或者间接包含后代元素叫做祖先元素，一个元素的父元素也是他的祖先元素）
后代元素（直接或者间接被祖先元素包含的元素叫做后代元素）
兄弟元素（拥有相同父元素的元素叫做兄弟元素）
为div的子元素span设置一个颜色。子元素选择器
语法：父元素>子元素（div>span）
可以写成div>p>span(后代的后代)
后代元素选择器
选中指定元素的指定后代元素
语法：祖先 后代（里面有空格）

选择下一个兄弟元素
p+span
选择p后面的span元素。就是找紧挨着的元素。
p~span表示的意思是下面所有的兄弟元素
第33章
属性选择器
title属性
[属性名]选择包含有指定属性的元素。
[属性名=属性值]选择包含具有指定属性和属性值的元素
[属性名^=属性值]原则属性值以指定元素开头的元素。
[属性名$=属性值]原则属性值以指定元素j结尾的元素。
[属性名*=属性值]原则属性值含有某个元素结尾的元素。

p[title]{color:orange;}

<p title="abc">