網易云課堂-8小時學會HTML網頁開發01-1

感謝H老師,在我把筆記發給他以后仔細看了,把細節給我講解了一遍,其實我本來都沒想弄懂這是個什么意思的。感動。

④使用@import 引入文件,有兩種方式,一種是放在頁面中的<style>……</style>,另一種是放在CSS文件中使用,用法:@import“sub.css"【這個不太懂】

import 在計算機術語里面含義是 “引入,導入” 理解這個就比較容易理解這個語法的意思了

  1. 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>

  2. 在 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 等

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,805評論 1 92
  • 一:在制作一個Web應用或Web站點的過程中,你是如何考慮他的UI、安全性、高性能、SEO、可維護性以及技術因素的...
    Arno_z閱讀 1,212評論 0 1
  • ¥開啟¥ 【iAPP實現進入界面執行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個線程,因...
    小菜c閱讀 6,535評論 0 17
  • 轉載請聲明 原文鏈接地址 關注公眾號獲取更多資訊 第一部分 HTML 第一章 職業規劃和前景 職業方向規劃定位...
    前端進階之旅閱讀 16,621評論 32 459
  • 1. Java基礎部分 基礎部分的順序:基本語法,類相關的語法,內部類的語法,繼承相關的語法,異常的語法,線程的語...
    子非魚_t_閱讀 31,766評論 18 399