CSS
css即Cascading Style Sheet层叠(级联)样式表,主要是美化网页
css的优势
-
内容和表现分离
-
网页结构表现统一,可以重复使用
-
样式十分丰富
-
利于SEO,容易被搜索引擎收录
建议使用独立html的css文件
css的三种导入方式
优先级的问题是就近原则
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--内部样式-->
<!--规范 <style> 可以编写css的代码,每一个声明最好都使用分号结尾
语法:
选择器{
声明1;
声明2;
声明3;
}
-->
<style>
h1{
color:green;
}
</style>
<!--外部样式-->
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!--优先级是就近原则-->
<!--行内样式,在标签元素中,编写一个style属性,按要求编写样式即可-->
<h1 style="color: red">我来组成头部</h1>
</body>
</html>
h1{
color:yellow;
}
拓展:外部样式两种写法:
-
链接式
html
<!--外部样式-->
<link rel="stylesheet" href="css/style.css"> -
导入式
@import 是CSS2.1特有的
<style>
@import url("css/style.css")
</style>