网易云课堂-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 等

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,691评论 1 92
  • 一:在制作一个Web应用或Web站点的过程中,你是如何考虑他的UI、安全性、高性能、SEO、可维护性以及技术因素的...
    Arno_z阅读 5,019评论 0 1
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 11,858评论 0 17
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,725评论 32 459
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 32,626评论 18 399

友情链接更多精彩内容