html文件与css与js文件关联总结

您所在的位置:网站首页 css和html怎么关联 html文件与css与js文件关联总结

html文件与css与js文件关联总结

2024-07-10 06:51| 来源: 网络整理| 查看: 265

在网站开发项目中,经常会结合使用html,css,js,jquery,由于经常会忘记如何添加关联标签,我们会花费一些时间上网去找,影响开发效率。故在此进行一些总结。

1、html中使用css的方法

(1)、内联样式表

     内联样式表是在标签内部使用css,虽然能到达到改变html样式的目的,但是具有代码看起来杂乱,修改不方便等缺点。

例:

内容 其中的 style="height:0;width:0;overflow:hidden;

就是css代码。

(2)、嵌入样式表

嵌入样式表是指css代码嵌入到html中,一般是在一对标签内。

#ty_msg_mod *,#ty_msg_mod{margin:0px;padding:0px;}

(3)、外部样式表

外部样式表的css代码保存在单独的文件中,通过一个标签来进行关联。

2、html中使用JavaScript

    (1)、内联样式表

     例:

按钮1

           其中的  οnclick=btn1()就是js语句。

     (2)、嵌入样式表

      可以写在或中,在中在页面加载前执行,在中则在页面加载后执行。

     例:

var protocol = window.location.protocol; document.write('');

     (3)、外部样式表

      外部样式表是单独的js文件,通过标签进行关联。

  例:

 

 

3、html中使用jquery

      (1)、引用本地文件

        与js第三种方式一样。

      (2)、引用公共库文件

        引用谷歌的,如下:

       引用百度的,如下:

 



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3