感谢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 等