css文件调用

最新推荐文章于 2023-10-20 10:57:08 发布

原创最新推荐文章于 2023-10-20 10:57:08 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css #stylesheet #javascript #class #html #filter

javaScript 专栏收录该内容

18 篇文章

订阅专栏

本文介绍如何在HTML页面中使用CSS文件定义元素样式，并通过实例详细解释了如何设置div元素的样式，包括字体、颜色、位置等属性。同时，还提到了如何在JavaScript中处理CSS中定义的display属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在一个*.css文件中这样写

.DivClass/*注意这个.*/
{
font-family:Arial;
font-size:14pt;
font-weight:bold;
color:#0000cc;
text-align:center;
top:auto;

left:auto; position:absolute;
filter:alpha(opacity=70);
z-index:50;

}

在HTML页面中在<head></head> 标签之间使用<link rel="Stylesheet" href="MyStyle.css" type="text/css" />这里的MyStyle.css是你的css文件的相对路径+文件名。因为我的css文件和HTML文件放在一起了，所以只有MyStyle.css.

如果想使用它<div id="busDiv" class="DivClass" style=" display:none;" onmousedown="MouseDownForDiv();">在class属性后加上DivClass即可。这里要记住display:none是把这个div隐藏，之所以这样写是因为css中如果定义display:none,在javascript中调用display=""就没有任何效果，所以就只好写在外面了。

css的一个特性是后定义的东西会覆盖前面重复的东西。所以在css文件中定义一个大概，在style属性中你还可以制定自己的style.