css

标签：黑白   视频   用法   orange   nbsp   html元素   weight   size   案例   

从使用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中内容的样式。

css

标签：黑白   视频   用法   orange   nbsp   html元素   weight   size   案例   

原文地址：https://www.cnblogs.com/liaoxiaolao/p/9726548.html