CSS样式应用技巧-优快云博客

本文介绍如何在HTML页面中使用CSS文件定义元素样式，包括如何设置字体、大小、颜色等属性，以及如何通过JavaScript控制元素的显示状态。文章还讨论了CSS的覆盖特性，并给出了一种避免样式冲突的方法。

摘要生成于 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;" οnmοusedοwn="MouseDownForDiv();">在class属性后加上DivClass即可。这里要记住display:none是把这个div隐藏，之所以这样写是因为css中如果定义display:none,在javascript中调用display=""就没有任何效果，所以就只好写在外面了。

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