记事本怎么写css外部样式,怎么没有效果?

html-css026

记事本怎么写css外部样式,怎么没有效果?,第1张

HTML 代码-01

打开以上的 HTML 可以看到什么都没有, 因为 div 并没有设置宽高和颜色等...

打开 HTML-01

先书写一段 HTML 代码为一会儿的 Css 样式做准备

新建记事本

在同级下创建一个 *.txt 记事本文件 ( 本次选择建在同级, 且命名为 index, 有需要也可以放在 css 专属文件夹 或是 styles 文件夹都行 )

笔记本书写 css 样式

在笔记本中书写 Css 代码, 并保存 ( 完成后关闭 )

更改后缀名

关闭后更改文件的后缀名为 index.css, 并在 HTML 中启用 ( 连接 )

HTML 代码-02

连接好了再次打开 HTML 文件就可以看到:

打开 HTML-02

附录: 详细的 Css 代码

Css 示例代码

可以,记事本能打开的文档格式很多,.css文件就可以,学校里面教学生写html网页,都是从记事本开始。一个网页的三种格式的文件,.html.css.js记事本都支持,肯定也能运行,只要将它们放在一个文件夹下面,不论是绝对路径还是相对路径,都要写对,就可以了。

编写css---->保存为.css的文件---在Header标记内的

Style标记内把此文件包含进去

然后页面中的class就可以调用它的类了

而标准的HTML标签就会自动右样式表解释,然后显示到浏览器中