标签:选择 控制 网页 伪类 sheet 属性选择器 html 导入 层叠
css:用来控制网页数据的表现,可以使网页的表现与数据内容分离。
一、css的四种引入方式
1.内行式:是在标记style属性中设定css样式,(这种方式没有体现出css的优势,不推介使用)
2.切入式:将css样式集中写在网页的<head></head>标签对<style></style>标签对中。
格式如下:<head>
<style type="text/css">
此处写css样式
</style>
</head>
3.导入式:讲一个独立的.css文件引入HTML文件中,导入式使用css规则引入外部css文件,<style>标记也是写在<head>标记中
使用语法如下:<style type="text/css">
@import "mystyle.css",(此处需注意css的文件路径)
</style>
4.链接式:将一个css文件引入到HTML文件中,<link href=“mystyle.css” rel="stylesheet" type=“text/css”/>
注意:导入式会在整个网页装载完后再装载css文件,因此这会导致一个问题,如果网页比较大则会出现先会显示无样式的页面,闪烁一下才会出现网页的样式。这是导入式固有的一种缺陷。
使用链接式时与导入不同的是他会以网页文件主体装载前装载css文件,因此显示出来的网页从一开始就带样式效果的,它不会像导入式那样,这就是链接式的优点。
二、css的选择器(seceltor)
“选择器”指明了{}"样式"的作用对象,也就是“样式”作用于网页的哪些元素
1.基础选择器
2.组合选择器
3.属性选择器
4.伪类选择器
标签:选择 控制 网页 伪类 sheet 属性选择器 html 导入 层叠
原文地址:https://www.cnblogs.com/jacky912/p/10324296.html