3、CSS的快速入门及优势
1.3 快速入门
- 基本入门
- 练习基本代码格式:
-
CSS的优势
-
1.内容和表现分离
-
2.网页结构表现统一,可以实现复用
-
3.样式十分的丰富
-
4.建议使用独立于html的css文件
-
5.利于SEO,容易被搜索引擎收录
-
代码show
1)html中使用css
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--
规范:
<style>可以编写css的代码,每一个声明,最好使用分号结尾
语法:
选择器 {
声明1;
声明2;
...
}
-->
<style>
h1 {
color: blue;
}
</style>
</head>
<body>
<h1>我是标题</h1>
</body>
</html>
效果展示:
2)htm引用css文件(建议使用)
index2.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<h1>我是标题</h1>
</body>
</html>
style.css
h1 {
color: blue;
}
效果图:
css文件可以点击进去:
彩蛋
1.idea中新建css文件
2.html标签自动补全
输入以部门,按下tab键,自动补全,类似于shell命令自动补全