北京沣登科技发展公司

css基础常识之引用,引用css的三种方式

大家好,今天小编关注到一个比较意思的话题,就是关于css基础常识之引用问题,于是小编就整理了2个相关介绍CSS基础常识之引用的解答,让我们一起看看吧。

  1. vscode怎么导入css文件?
  2. js如何在HTML使用?

vscode怎么导入css文件

VS Code 导入 CSS 文件有以下两种方法

1. 使用“文件”->“打开文件夹菜单,在资源管理器中导航到您的项目文件夹,然后选择将 CSS 文件放在其中的文件夹。在 VS Code 中打开该文件夹后,您可以在项目中添加编辑删除 CSS 文件。

css基础常识之引用,引用css的三种方式div>
图片来源网络,侵删)

2. 如果您只想在项目中添加一个外部 CSS 文件,可以右键单击项目文件夹并选择“打开终端”菜单。在终端中,使用命令工具将 CSS 文件复制到您的项目中,然后打开 VS Code 并将其添加到您的 html 文件中。

在导入 CSS 文件后,您可以使用 VS Code 中的样式编辑器查看和编辑样式规则。在编辑器中,您可以添加、删除和修改样式规则,并将其应用于您的 HTML 元素

js如何在HTML使用?

页面引入js有两种基本方式:在页面中嵌入js、引用外部js文件。

css基础常识之引用,引用css的三种方式
(图片来源网络,侵删)

一、在页面中嵌入js

这是在页面使用js最简单的方式了。用&lt;script></script>把js代码标识清楚。

最好是把script元素写在</body>前面,script元素的内容就是js代码。

css基础常识之引用,引用css的三种方式
(图片来源网络,侵删)

像这样:

<script>

// 在这里写js

function test(){

不太清楚你提的什么意思。看问题的话应该没太接触过前端开发,js应用在html中一般内联和外链和行间几种写法,内联写法在标签script中书写js。外链通过script的src引入,也可用import引入(不推荐)。行间的写法现在更少了,就不提了。开发规范建议样式行为结构三者分离。推荐使用script的src引入。

js在html中的使用有两种方式:

1、直接在html文件中的script标签里写js代码,如图所示:

2、通过script标签的src属性引用外部的js文件,如图所示:

<span style="font-weight: bold;">总结:

在开发中建议使用第二种方法,将html和js文件分离,方便维护;


如有疑问,欢迎在评论下方留言讨论;喜欢的记得点赞+关注,为大家提供专业的前端知识

到此,以上就是小编对于css基础常识之引用的问题就介绍到这了,希望介绍关于css基础常识之引用的2点解答对大家有用。

[免责声明]本文来源于网络,不代表本站立场,如转载内容涉及版权等问题,请联系邮箱:83115484@qq.com,我们会予以删除相关文章,保证您的权利。 转载请注明出处:http://www.fengdengtech.com/post/54950.html

分享:
扫描分享到社交APP