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 解耦》对你有帮助,请点赞、收藏,并留下你的观点哦!