首页前端开发JavaScriptjs css文件怎么引入

js css文件怎么引入

时间2024-01-29 04:19:03发布访客分类JavaScript浏览781
导读:收集整理的这篇文章主要介绍了js css文件怎么引入,觉得挺不错的,现在分享给大家,也给大家做个参考。js css文件怎么引入?外部样式表当样式需要应用于很多页面时,外部样式表将是理想的选择。在使用外部样式表的情况下,你可以通过改变一个文件...
收集整理的这篇文章主要介绍了js css文件怎么引入,觉得挺不错的,现在分享给大家,也给大家做个参考。js css文件怎么引入?

外部样式表

当样式需要应用于很多页面时,外部样式表将是理想的选择。在使用外部样式表的情况下,你可以通过改变一个文件来改变整个站点的外观。每个页面使用 link> 标签链接到样式表。 link> 标签在(文档的)头部:

head>
    link rel="stylesheet" tyPE="text/css" href="mystyle.css">
    /head>
    

浏览器会从文件 mystyle.css 中读到样式声明,并根据它来格式文档。

外部样式表可以在任何文本编辑器中进行编辑。文件不能包含任何的 htML 标签。样式表应该以 .css 扩展名进行保存。

多重样式优先级

样式表允许以多种方式规定样式信息。样式可以规定在单个的 HTML 元素中,在 HTML 页的头元素中,或在一个外部的 CSS 文件中。甚至可以在同一个 HTML 文档内部引用多个外部样式表。

一般情况下,优先级如下:

内联样式)Inline style > (内部样式)Internal style sheet > (外部样式)External style sheet > 浏览器默认样式

HTML 中的脚本必须位于 script> 与 /script> 标签之间。

脚本可被放置在 HTML 页面的 body> 和 head> 部分中。

外部的 JavaScript

也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。

外部 JavaScript 文件的文件扩展名是 .js。

如需使用外部文件,请在 script> 标签的 "src" 属性中设置该 .js 文件:

!DOCTYPE html>
    html>
    body>
    script src="myScript.js">
    /script>
    /body>
    /html>
    

你可以将脚本放置于 head> 或者 body> 中,放在 script> 标签中的脚本与外部引用的脚本运行效果完全一致。

以上就是js css文件怎么引入的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

上一篇: 页面中文本域的值怎么设置下一篇:jsp怎么显示pdf文件猜你在找的JavaScript相关文章 html font标签如何设置字体大小?html font标签属性用法介绍2022-05-16vue3+TypeScript+vue-router的使用方法2022-04-16vue3获取当前路由地址2022-04-16如何利用React实现图片识别App2022-04-16JavaScript展开运算符和剩余运算符的区别详解2022-04-16微信小程序中使用vant框架的具体步骤2022-04-16Vue elementUI表单嵌套表格并对每行进行校验详解2022-04-16如何利用Typescript封装本地存储2022-04-16微信小程序中wxs文件的一些妙用分享2022-04-16JavaScript的Set数据结构详解2022-04-16 其他相关热搜词更多phpjavapython程序员loadpost-format-gallery

若转载请注明出处: js css文件怎么引入
本文地址: https://pptw.com/jishu/590591.html
怎么学好HTML? html5布局之路怎么样

游客 回复需填写必要信息