公用css和js怎么处理的

html-css013

公用css和js怎么处理的,第1张

使用外部引入的方式,将CSS与JS文件引入到相应的html文件当中,从而降低代码的冗余度

引入CSS的方式是通过link标签

引入JS的方式则是通过script标签

例如如下代码:

<link rel="stylesheet" href="css文件路径" />

<script src="js文件路径"></script>

在CSS以及JS的使用当中,实际开发当中通常都是使用外部引入的方式进行书写(包括不共用的CSS代码),以便于管理,在适当的时候配合html文件内部书写的方式

如果是新手学习HTML5,建议弄本书把基础知识打扎实,弄清楚行业里如何开发,而不要只学习知识点,推荐《HTML5布局之路》,基于实际开发工作讲解的结构样式方面的东西

当然可以共用,而且理论上一个css文件可以供全世界的网站共用!只需要在调用的时候使用这个css文件的完整url即可。

你可以把多个页面的样式都写在同一个css文件中,其中可以包括公用的部分,也可以包括私有的部分,这样的话,只要修改公用的部分,则所有页面的对应的样式都会改变(比如设置 h1 {color:red} ,则所有页面的<h1>标签的颜色都是红色的);而修改私有的部分,则只影响对应的页面,其他页面不受影响(比如说页面1中有 <div id=x1></div>,其他页面没有,那么css中如果设置 #x1 {color:blue} 就只对页面1有效,其他页面没变化)。

在所有需要该公用css的html页面的<head></head>中的任意位置加入<link href="CSS文件的相对路径或绝对路径" rel="stylesheet" type="text/css" />,注意css的路径。

例如:

style.css 在 css文件夹里,html文件和css文件夹在同一目录下

<link href="./style.css" rel="stylesheet" type="text/css" />