为什么一个页面要用好几个CSS样式去控制,这样不冲突吗?或者说怎样用多个CSS去控制

html-css016

为什么一个页面要用好几个CSS样式去控制,这样不冲突吗?或者说怎样用多个CSS去控制,第1张

多个样式表使用 一般针对对个模板来设置的

比如用户的前台信息是一个 样式表css1 然后后台操作的界面是另一个 css2 这样在以后的修改都非常的方便

冲突是因为你对一个class 后者 id 设置的多个同样的样式 这样才会冲突

解决兼容 在实践中发现以及baidu

先建个css.css文件存根目录下,内容如下:

.css

{

font-family:

"宋体"

font-size:

9px

color:

#000

}

.css01

{

color:

#000

font-size:12px

font-weight:bold

font-family:

"华文楷体"

}

a.css01:link

{

color:

#333text-decoration:

none}

a.css01:visited

{text-decoration:

none

color:

#666}

a.css01:hover

{

text-decoration:

underlinecolor:

#000}

a.css01:active

{text-decoration:

nonecolor:

#00397f}

.css02

{

color:

#00397f

font-weight:bold

}

a.css02:link

{color:

#00397ftext-decoration:

none}

a.css02:visited

{text-decoration:

nonecolor:

#00397f}

a.css02:hover

{text-decoration:

underlinecolor:

#00397f}

a.css02:active

{text-decoration:

nonecolor:

#00397f}

再在引用页内编写如下:

<head>

<meta

http-equiv="Content-Type"

content="text/html

charset=gb2312"

/>

<title>css外部引用</title>

<link

href="css.css"

rel="stylesheet"

type="text/css"

/>

</head>

<body

class="css">

<p>默认字体</p>

<p

class="css02">更改过的字体</p>

<p><a

href="#"

class="css01">连接1</a></p>

<p><a

href="#"

class="css02">连接2</a></p>

<p></p>

</body>

</html>

<link href="xxx/1.css" />

<link href="xxx/2.css" />

这样就可以把两个CSS放到一个页面里面