如何在CSS中调用公用css
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何在CSS中调用公用css相关的知识，希望对你有一定的参考价值。
因为很多的设置都一样，比如字号，颜色等，我想写一个公用的CSS，之后在其它的CSS中调用它，在CSS中如何引入那个公用的CSS
在所有需要该公用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" /> 参考技术A 你为何不把这些公用的CSS样式定义成
body呢，
body ……，没有特别调用的时候，页面就用的是body中继承的样式，想要其他样式的时候就另外定义再调用呗 参考技术B 在body里设置
像这样
body
font-size:12px;
color:#000; 参考技术C 单独写一个CSS文件例如：base.css
在<head></head>之间写上<link href="base.css" type="text/css" rel="stylesheet"/> 参考技术D 你可以有两个CSS文件，用的时候引入两次就行了。
css代码如何调用，详细一点。
请问css菜单导航代码怎么使用？我下载下来的是压缩包！不知道怎么做才能用在织梦导航菜单上？改变织梦原来的导航样子！
css的调用有三种方法：第一种：从页面头部调用
从页面头部调用CSS是将CSS写在页面的head元素中，然后在页面中调用。其语法结构如下：
<style>
选择符属性:属性值;
</style>
-------------------------------------------------------
例如：
<head>
<title>测试</title>
<style type="text/css">
<!--
.topwidth
width:980px ;
-->
</style>
</head>
------------------------------------------------------------
ps:这个是在头文件里面写
第二种：采用链接的形式调用
采用链接的形式调用CSS通常有两种方法：
使用link元素
使用link元素调用CSS的语法如下：
<link rel="stylesheet" href="css文件路径" type="text/css"/>
-------------------------------------------------------------------------
例如：
<head>
<title>测试</title>
<link href="zitifx.css" rel="stylesheet" type="text/css" />
</head>
---------------------------------------------------------------------
使用@import
------------------------------------------------------------------
例如：
<head>
<title>测试</title>
<style type="text/css">
<!--
@import url("css/base.css");
-->
</style>
</head>
--------------------------------------------------------------------------
ps：这个也是写在头文件里面的
第三种：元素中直接使用
这种调用方式的写法如下：
<元素名称 style="属性:属性值;"></元素名称>
在样式中直接使用CSS，语法是使用style标签，在双引号中，样式的语法结构和独立样式表中完全相同。
-------------------------------------------------------------------------
例如：
<div style="width:240px;height:80px;background-color:#cccccc;text-align:center;font-size:14px">示例：元素中直接调用。</div>
------------------------------------------------------------------------------- 参考技术A 找到css菜单导航的html代码，替换织梦的导航代码，并且把css文件放到原本模版放置css的文件家里，在织梦页面引用这个css，可能还需要微调下。希望能帮到你 参考技术B <link href="css.css" rel="stylesheet" type="text/css" />
//css的地址名字改下就行了 参考技术C 首先你要找到织梦原来的导航模版所在文件，一般是在模版文件夹里，名叫head；这个具体是哪个你要去找，把你下载来的导航代码替换掉里面的代码。这里要注意，模版页里的数据字段不能搞乱了；还有就是你下载的导航结构和原导航相差太大的话，最好别改，很麻烦也容易出错。
再去对应的CSS文件里把原来用于控制导航的CSS去掉，加入你自己那段导航的控制CSS；这里要注意有没有样式名重复冲突。
之后要是没大问题的话，就把一些变形，大小不一的调整一下，这个是肯定的，你下载的不是织梦量身定做的，多少都需要调试。 参考技术D 直接在模板加呀 ，http://www.dehuayide.com/ 织梦写的看看
以上是关于如何在CSS中调用公用css的主要内容，如果未能解决你的问题，请参考以下文章