1:CSS的使用
再idea中直接创建即可。和html一起用的
首先养成好习惯 给文件分好类
在html里面写css(练习时使用)
这是html学到的知识。
2:用CSS改变颜色
在head里面写即可。
在html里面,先写一个style 随后写标签 然后定义标签的属性
规范
3:CSS HTML分离式写法
直接把这条语句拿过去,创建一个css文件
但是html里面要加一个链接,连接我们的css文件。
link + tab 随后出现了熟悉的href,这就是输入路径。由于在本文件夹,所以直接css即可,然后找到style.css 这就链接成功了
相应的,再打开审查元素,就有链接了。
点击连接,就出现了写的代码。
4:推荐写法
html和css分开写,css专注于构建样式,html也很干净整齐。
练习的时候写在一起也行。
代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!-- 规范<style>可以编写CSS代码,每一个声明最好用分号结尾。
语法:
选择器{
声明1;
声明2;
声明3;
}
-->
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<h1>
我是标题
</h1>
</body>
</html>
h1{
color: red;
}
总结
html和css分离后,一般css代码都是成千上万行的,远比html多,如果都写在html里面,加载网页很慢的。
并且css的功能样式非常丰富
利于SEO,这个是要钱的
最重要的是,容易被搜索引擎收录,也就是别人能访问网站。
很多公司网站做出来,别人查不到就是因为SEO做的太差了,文件写的非常乱。
但是现在的VUE 用它,网站就极其不利于收录