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标签就会自动右样式表解释,然后显示到浏览器中