目录
(接上一期知识,咱们继续讲解。)
一、CSS
1.定义
全称:层叠样式表 (Casecading Style Sheets)
CSS可以静态地修饰网页,美化页面布局,还可以配合HTML等语言对网页各元素进行维护控制,让页面看起来更美观。
2.引入方式
行内样式:适用于某一段<div style=""></div>
内嵌式:便于本页面标签对样式进行重用<style></style>
外链式:便于多个html文件对css样式进行重用
<link rel="stylesheet" type="text/css" href="引入的链接路径"/>
导入式:既可以写在内选中,也可以写在外链中@import url(“test.css”)
<style type="text/css">
@import url("引入的链接路径")
</style>
外链式与导入式区别
1、link是XHTML标签;@import属于CSS范畴,只能加载CSS。
2、link引用CSS时,在页面载入时同时加载;@import需要页面网页完全载入以后加载。
3、link是XHTML标签,无兼容问题;@import是在CSS2.1提出的,低版本的浏览器不支持(IE5以上支持)。
4、link支持使用Javascript控制DOM去改变样式;而@import不支持。
注:
1.行内>内嵌>外链
2.就近选择,最晚优先
3.可以通过!important增加权重,改变优先级
2.1练习
<!DOCTYPE html>
<h