html文件与css与js文件关联总结 |
您所在的位置:网站首页 › css和html怎么关联 › html文件与css与js文件关联总结 |
在网站开发项目中,经常会结合使用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 |