感谢H老师，在我把笔记发给他以后仔细看了，把细节给我讲解了一遍，其实我本来都没想弄懂这是个什么意思的。感动。
④使用@import 引入文件，有两种方式，一种是放在页面中的<style>……</style>,另一种是放在CSS文件中使用，用法：@import“sub.css"【这个不太懂】
import 在计算机术语里面含义是 “引入，导入” 理解这个就比较容易理解这个语法的意思了
-
style 标签对里面使用
for example:
有一个 html 文件，名称是 index.html，内容如下：
<code>
<html>
<head>
<meta charset="utf-8">
<title>首页</title>
<style>
@import "css/reset.css";
/* 这里的 import 就是说，把 css 文件夹下的 reset.css 样式内容导入到这里 /
</style>
</head>
<body>
<h1>Hello</h1>/这里的h1 没有显示出来，还是直接把 Hello转为H1大小了，而不是作为代码*/
</body>
</html>
</code> -
在 css 文件里面使用
for example:
有 css 文件夹，下面有 reset.css 与 index.css 2 个 css 文件，文件目录结构如下：
<code>
+css
-reset.css
- index.css
reset.css 文件内容如下：
- {
margin: 0;
padding: 0;
}
index.css 文件内容如下：
@import "reset.css";
.header {
padding: 10px;
}
</code>
从这里可以看出，在 css 文件里面也是可以使用 @import 语法的，意思与前面一个差不多，都是把别的 css 文件内容导入到这里来
你写的代码是OK的，但是有一点希望注意一下，最好不要使用 大写 的英语字母来命名css类名，比如说：Left，Right等，最好使用 left,right 之类的
这个是编码习惯的问题，但是希望从现在开始注意。
还有，如果是多个单词的话，建议使用连字符相连：left-aside,right-list 等
网友评论