为文字加css

html-css023

为文字加css,第1张

<!-------head区 ------->

<style>

.css { font-size:14pxfont-weight:boldcolor:#f00}

</style>

<!-------head区 ------->

<!-------body区 ------->

<span class="css">文字</span>

<!-------body区 ------->

CSS 2.0 规则要在class后加双引号，你这样写不正规的。

╔------------------------------╗

┆ hanhan1019 原创回答 ┆

╚------------------------------╝

加个空<a>标签，定义a:hover{text-decoration:underline}属性

例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>无标题文档</title>

<style>

.text1 { color:green}

.text1 a:link,.text1 a:visited{ text-decoration:nonecolor:green}

.text1 a:hover{ text-decoration:underlinecolor:green}

</style>

</head>

<body>

<div class="text1">我说的是文字本身有css样式，<a href="#">怎样再给文字加个样式让文字出现的效果是，当鼠标经过文字的时候，文字出现下划线，文字本来是没有下划线的</a></div>

</body>

</html>

纠正你一个概念性问题, css不是用来输出文字的, 而是用来控制样式的, 现在的网页设计提倡内容与表现分离, 就是说网页至保存数据, 而怎么样子好看就全靠css.

你可以把css样式表保存成一个文件,然后在所有的页面调用这个css样式,这个更具体的你要看css的教程才可以.

不过我觉得这不是你想要的,如果没有动态脚本的支持,想把"文字"统一起来有几种方法,shtml,这个不推荐,因为需要服务器支持.

还有就是使用javascript调用.

比如你想在所有页面的顶部加个菜单,你可以写这样一个javascript脚本

//__menu.js

document.write('这是一个菜单')

把上面两行保存为menu.js

然后在每个想加菜单的页面<body的开始处加

<script src='menu.js'></script>

这样就可以完全满足你的需求了,有不懂的请补充.