从使用span元素我们可以看到，css的基本语法。
<元素名 style="属性名:属性值；属性名：属性值2;"/>
元素可以是html的任意元素；
属性名：属性值 要参考w3c组织给出的文档。
css的分类：内部css和外部css。
.style1,表明style1是一个类选择器。
怎么让网页中的背景变成黑白，如彩色图片变成黑白的。用到了滤镜。
选择器是CSS中非常重要的概念。css中有三种不同的选择器。
1.类选择器，通常也叫class选择器。
2.id选择器
3.HTML选择器
4.通配符选择器
.类选择器名{
属性名：属性值
...
}
/*style1就是类选择器*/
.style1{
font-weight:bold;
font-size:30px;
background-color:pink;
}
id选择器
之所以叫id选择器，那是因为用id属性来引用它的。
id选择器用法
基本语法：
#id选择器名{
属性名：属性值;
}
案例：
#style2{
font-size:20px;
backgroud-color:sliver;
}
在html文件中如果要引用id选择器，则
<元素 id=‘id选择器名‘>
html选择器
就是改变html元素的样式，如
/*HTML的选择器*/
body{
color:orange;
}
结论：当一个元素同时被id选择器和类选择器修饰时，优先级是：
id>类选择器>html选择器.
在选定样式时，是使用优先级高的选择器，但是不是优先级高的选择器完全替代优先级低的选择器，而是优先级高的选择器和优先级的选择器的相冲突的样式发生时，选用的是优先级高的样式，而没有冲突时，优先级低的选择器设定的样式仍然会显示。
回顾：
div使用存放html元素的，文字，图片，视频等元素。
css是叠层样式表，用于指定div中内容的样式。
原文：https://www.cnblogs.com/liaoxiaolao/p/9726548.html