示例：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>css字号设置</title>
<style>
div{font-size:16px}
p{font-size:18px}
h2{font-size:20px}
</style>
</head>
<body>
<div>16号字体<div>
<p>18号字体</p>
<h2>20号字体(h2自带字体属性)</h2>
</body>
</html>
因为你提到了点击，所以我猜想你那个文字应该是A标签。所以对A标签做了处理
代码如下：
<html><head>
<title> New Document </title>
<style type="text/css">
a{ //默认格式
font-size:10px //字体大小
font-weight:bold //加粗
color:#FF3030 //未点击过的颜色
text-decoration:none //去下划线
}
a:hover{ //鼠标移动上去的格式
color:#A020F0 //移动上去时的颜色
text-decoration:underline //移动上去时显示下划线
}
a:visited{ //访问过的样式
color:#A1A1A1 //访问过的颜色。
}
</style>
</head>
<body>
<a href="#">123</a>
</body>
</html>
CSS最基础的问题我因为兴趣，正在自学asp，现在刚接触到CSS。
这几天在修改创力3.1，想做一个网站。
我想用css来控制一些标题栏的文字。请问在CSS中应该么写，在asp中如何调用。
比如字体是宋体，大小9号，红色。
我对ASP有一定了解，但对CSS一窍不通。但我想只要入了门，就容易了。
问题补充：在ASP中代码如下：
<table class=title_main cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<tr>
<td><img src="{%picurl%}title_ico.gif" width=11 align=absMiddle>
最新文章</td>
<td align=right>
<p align="center"><a href="{%webdir%}Article/ShowUpdate.asp" target=_blank><font color=#666666>
more...</font></a></td>
</tr>
</table>
在CSS中对应代码：
.title_main /*中间标题*/
{
font-size: 12px
background-image: url({%picurl%}title_bg.gif)
height: 30px
例:把12px修改成9px或再大一些如28px，在前台显示无变化。请问这是什么原因？如想把字体变成红色，该怎么写？
方法有以下几种
1.没有变化,可能是因为样式是应用表格上的缘故,如果是应用在<td class=title_main>最新文章</td>应该即可
2.单独给标题设置样式, 采用<span calss="title_1">标题</span>
CSS的样式代码如:
.title_main{font-size:12pxcolor:#f00line-height:20px}
样式解释:
font-size 表示字体大小, color 颜色, line-height表示行高,我这里设了20px, 这样就显得比较开阔,容易阅读,就和WORD 里面1.5倍行距比1倍行距容易阅读的道理一样. 因为浏览器默认字体是 宋体, 所以font-family:宋体 可以省略,如果是其他字体则需要这条.
如果是比较大的标题: 可以采用以下样式:
.title_main{font-size:20pxcolor:#f00line-height:30pxfont-weight:bold}
和上面的样式相比,这个字体扩大,行距加大,字体加粗.
3.给标题设置样式,其实还可以用<h1>标签
<h1>文章标题</h1>
说明:
<h1>(除了<h1>,还有<h2><h3><h4><h5><h6>) 这些是专门用于设置不同大小的代码, 其中这些代码默认值都是有加粗的,字体大小由<h1>到<h6>逐渐变小,字体颜色默认为黑色,当然,大小/粗细/颜色都能修改的.
比如设置<h1>样式,css样式代码如:
h1{font-size:12pxcolor:#f00line-height:20px}
注意,h1前面没有任何标点,这样的话,整张网页里面所有用过<h1>标签的都会应用这个样式. 和 .title_main 只有加了class="title_main" 才应用样式不同.
而且和 CLASS 类相比, <h1>更加简洁,如果样式设置一样
<span calss="title_1">标题</span>和 <h1>文章标题</h1>效果是一样的.
CSS 还有其他许多功能, 你可以在DreamWeaver里一个个添加 尝试 /对比 ,很快就能基本掌握CSS 基础的设置了,当然,有些设置还是需要经验和实践才能运用的比较娴熟和简练的.
}
