1.行内样式:<div></div>
2.内联样式:
<style>
body{ padding-top:50px; font-family:"微软雅黑";}
</style>
样式优先级仅次于行内样式，适合少量样式代码，如果样式过多，就不适合。
3.外链样式:
<link rel="stylesheet" href="style.css">
推荐使用这种方法，外链样式表方便修改，样式代码和框架代码明确分开，也便于加载。
@ css复合选择器有哪三种？
1、元素选择器 标签名{ }
2、id选择器 #id属性值{ }
3、类选择器 .class属性值{ }
4、选择器分组(并集选择器)
作用：通过它可以同时选中多个选择器对应的元素(通常用于集体声明)
语法：选择器1，选择器2，选择器n{ }
5、复合选择器(交集选择器)
作用：选择更准确更精细的目标元素并为其设置属性
语法：选择器1选择器2选择器n{ }
!注意选择器之间不能有空格，要紧挨在一起
6、通配选择器
作用：用来选中页面中所有的元素
语法：*{ }
7、后代元素选择器
作用：选中指定元素的指定后代元素
语法：祖先元素 后代元素{ }
8、子元素选择器
作用：选中指定父元素的子元素
语法：父元素>子元素
9、伪类选择器
伪类表示元素的一种特殊状态
:hover 移入时元素的状态
:visited 已被访问过后的元素的状态
:active 被点击时元素的状态
10、 属性选择器
作用：根据元素中的属性或属性值来选取指定元素
语法：[属性名]选取含有指定属性的元素
? [属性名=“属性值”]选取含指定属性值的元素
? [属性名^="属性值"] 选取属性值以指定内容开头的元素
? [属性名$="属性值"] 选取属性值以指定内容结尾的元素
? [属性名*="属性值"] 选取属性值包含指定内容的元素
11、兄弟元素选择器
+选择器
作用：选中一个元素后紧挨着的指定的兄弟元素
语法：前一个+后一个(作用在后一个)
~选择器
作用：选中后边所有的制定兄弟元素
语法：前一个~后边所有
@ class是什么元素？
定义和用法
class 属性规定元素的类名（classname）。
class 属性大多数时候用于指向样式表中的类（class）。不过，也可以利用它通过 JavaScript 来改变带有指定 class 的 HTML 元素。
@ css设置背景图片大小？
1、新建html文件，以test.html命名文件，下面以该文件为例讲解css中怎样调整插入背景图片的大小。
2、test.html文件中用div标签创建一块区域，将其设置class属性为mydiv，目的是用于下面通过该class来对样式进行设置。
3、test.html文件中，写一个<style type=”text/css”></style>标签，把页面的css样式写在该标签内。
4、在css标签内，用类名mydiv设置div的样式，定义其宽度500px，高度400px，边框为1px红色边框。
5、在css标签中，利用background-image属性来设置div的背景图片为images文件夹中的a.jpg，同时通过background-repeat设置背景图片不重复显示。
6、在css标签内，使用background-size调整背景图片的尺寸，第一个参数为宽度，第二个参数为高度，假设这时设置背景图片的高宽为原来一半，即50%。
7、在浏览器中打开test.html文件，看一下最终的效果。
如果觉得《css的class选择器 dw中如何调用class – CSS – 前端 html css 解耦》对你有帮助，请点赞、收藏，并留下你的观点哦！
