html如何从外部应入CSS样式文件

 时间:2024-10-13 12:53:28

1、首先,您需要新建一个html文档。

html如何从外部应入CSS样式文件

2、同时,您还需要新建立一个CSS文档。

html如何从外部应入CSS样式文件

3、同时完成了html文档与CSS文档的建立里,您就可以引用CSS文档了。

html如何从外部应入CSS样式文件

4、注意,CSS文件的后缀名要为CSS,比如我们在当其目录下建立的CSS文件名为index.css

html如何从外部应入CSS样式文件

5、与将CSS将在Style标签中一样,您需要在html代码中添加class或id,不过建议使用class,因为id很多时候主要是JS在用。将来代码复杂了,不太好分辨标签的作用。

html如何从外部应入CSS样式文件

6、在CSS文件中写入以下代码。

html如何从外部应入CSS样式文件

7、写完了代码后,我们运行页面。

html如何从外部应入CSS样式文件

8、您会发现,页面并没有我们定义的效果,这是因为没有引入CSS文档。

html如何从外部应入CSS样式文件

9、在<head></head>之间添加以下代码。

html如何从外部应入CSS样式文件

10、完成添加后,我们使用浏览器打开我们的html文档。您会看到有效果了。

html如何从外部应入CSS样式文件

11、添加CSS到html中就是这么简单,希望对您有用!

  • JavaScript的函数的用法
  • 怎样用Dreamweaver制作网页模板
  • css使用图片制作水平导航菜单
  • 带有搜索框表单导航案例
  • 简述给网页用CSS加背景的方法
  • 热门搜索
    淡黄的长裙蓬松的头发什么梗 六一散的功效与作用 理科女生学什么专业就业前景好 杜仲的功效与作用 护照照片有什么要求 爱问知识的人 七情六欲什么意思 什么是军令状 什么牌子的内衣好 庆大霉素的作用与功效