css简介:
层叠样式表一般指的就是css,Cascading Style Sheets
使用css可以控制HTML页面中的标签,通过标签来设置相应的属性,让标签具备某种特定的样式。
如何在HTML页面中加入css:
1、行内样式
在标签的里面添加属性节点
例如:
style="color:blue;"
2、内嵌样式
在head标签结束之前加入
例如:
<style type="text/css">
p{color:blue;}
</style>
3、外链样式:
css的内容在HTML的文件以外,使用<link>标签进行实现
一般情况下,在css的文件夹下去创建css文件
<link rel="stylesheet" type="text/css" href="./css/style.css">
将外部的css文件引入到原本的HTML页面中
优点:
目前是最常用的一种项目研发方式
css的代码可以重复去使用
更方便研发人员进行维护和更换样式
4、嵌入样式(不推荐使用)
import 关键字的使用
代码如下:
<style type="text/css">
@import url("./css/main.css");
</style>
四种方式的优先级:
就近原则 离修饰目标越近的样式越优先被显示