网易云课堂-8小时学会HTML网页开发01-1

感谢H老师,在我把笔记发给他以后仔细看了,把细节给我讲解了一遍,其实我本来都没想弄懂这是个什么意思的。感动。

④使用@import 引入文件,有两种方式,一种是放在页面中的,另一种是放在CSS文件中使用,用法:@import“sub.css"【这个不太懂】

import 在计算机术语里面含义是 “引入,导入” 理解这个就比较容易理解这个语法的意思了

  1. style 标签对里面使用
    for example:
    有一个 html 文件,名称是 index.html,内容如下:




    首页



    Hello

    /这里的h1 没有显示出来,还是直接把 Hello转为H1大小了,而不是作为代码*/


  2. 在 css 文件里面使用
    for example:
    有 css 文件夹,下面有 reset.css 与 index.css 2 个 css 文件,文件目录结构如下:

    +css
    -reset.css

  • index.css

reset.css 文件内容如下:

  • {
    margin: 0;
    padding: 0;
    }

index.css 文件内容如下:
@import "reset.css";

.header {
padding: 10px;
}

从这里可以看出,在 css 文件里面也是可以使用 @import 语法的,意思与前面一个差不多,都是把别的 css 文件内容导入到这里来

你写的代码是OK的,但是有一点希望注意一下,最好不要使用 大写 的英语字母来命名css类名,比如说:Left,Right等,最好使用 left,right 之类的
这个是编码习惯的问题,但是希望从现在开始注意。
还有,如果是多个单词的话,建议使用连字符相连:left-aside,right-list 等

你可能感兴趣的:(网易云课堂-8小时学会HTML网页开发01-1)