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