写第一个css 写第二个css 写多少个都可以,有意思上的冲突也没关系,浏览器以后定义的意思为准。
如何在同一个网页中用两个css
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<LINK REL="StyleSheet" HREF="111/1.css">
<LINK REL="StyleSheet" HREF="111/2.css">
</head>2006-11-22
<style type="text/css">
写第一个css
</style>
<style type="text/css">
写第二个css
</style>
写多少个都可以,有意思上的冲突也没关系,浏览器以后定义的意思为准。2006-11-22
一个网页中可以使用多个css.
方法是一样的,无非同样的语句多写几个,然后href不同而已.
<link rel="stylesheet" href="style.css" type="text/css" />
不过要注意的是,定义的css可能发生冲突,即为同一个元素定义多次样式,那么以离元素最近的css为主.2006-11-21
将css文件存储到一个地方
采用 link 属性链接即可
如:
<link rel="stylesheet" rev="stylesheet" href="c/main.css" type="text/css" media="all" />
C目录下的 main.css文件
将上面的代码放到 <head>即可2006-11-21
采用 link 属性链接即可
如:
<link rel="stylesheet" rev="stylesheet" href="c/main.css" type="text/css" media="all" />
C目录下的 main.css文件
将上面的代码放到 <head>即可2006-11-21
<style type="text/css">
BODY {FONT-FAMILY:"宋体";FONT-SIZE:12pt}
P{FONT-FAMILY:"宋体";FONT-SIZE:12pt}
BR{FONT-FAMILY:"宋体";FONT-SIZE:12pt}
A:link {COLOR: #ff0000;FONT-SIZE:12pt;TEXT-DECORATION:none}
A:visited{COLOR:blue;FONT-SIZE:12pt;TEXT-DECORATION:none}
A:active{color:blue;text-decoration:underline}
A:hover{color:red;TEXT-DECORATION:underline}
</style>
<style type="text/css">
BODY {FONT-FAMILY:"宋体";FONT-SIZE:12pt}
P{FONT-FAMILY:"宋体";FONT-SIZE:12pt}
BR{FONT-FAMILY:"宋体";FONT-SIZE:12pt}
A.sp:link {COLOR: #ff0000;FONT-SIZE:12pt;TEXT-DECORATION:none}
A.sp:visited{COLOR:blue;FONT-SIZE:12pt;TEXT-DECORATION:none}
A.sp:active{color:blue;text-decoration:underline}
A.sp:hover{color:red;TEXT-DECORATION:underline}
</style>
也就是说在前面定义两个style2006-11-21
<link href="images/main1.css" type="text/css" rel="stylesheet" rev="stylesheet">
<link href="images/main.css" type="text/css" rel="stylesheet" rev="stylesheet">2006-11-22
<style type="text/css">
<!--
@import url(css文件的路径);
-->
</style>2006-12-04
复制2006-11-24