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.伪类选择器
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。