css的样式及选择器跟选择器权重的学习笔记

一、复习上一周学习过的内容。
注意如果在css里面给table加border值得话，只会显示table的边框。如果要给td的边框应该给td写一个border值。
二、css的介绍
三、css的基本结构

四、css的四种样式
1、 内嵌式：写在style标签对里面。
2、 行内样式：直接写在标签行上面。
3、 外链样式：单独写一个css文件，通过link标签引入
导入式：单独写一个css文件，通过@import导入（导入式可以同时导入多个样式,但导入每个文件时要如同写内嵌样式时，在每个属性值的末尾加上一个分号结尾。）
四种方式我们选那种呢？

1. 在开发中关于css样式一般或多或少都会使用一些行内样式与内嵌样式，但是主体还是通过引入单独的css文件进行使用的。

2. Link与@import两种方式都可以引入单独的css文件,我们一般选择link签，即外链式。

3. Link与@import一些区别
   ①　除了加载CSS文件以外，它还能加载其它类型文件，如“icon”，而“@import”只能加载CSS文件
   给网页加上图标：
   ②　在现代的浏览器中是多线程加载的，也就是说在通过该标签加载一个文件的时候标签内的DOM也在执行同步的加载。加载效率高于@import
   ③　作为一个标签，也就是一个DOM元素，是可以通过JavaScript进行操作的（如增加、删除标签，修改的属性值等）。而“@import”写在

对各类型的css选择器权重进行理解与记忆，通过自主的代码实验体会权重和就近原则不同时，css样式的相应效果。并把实验代码提