UC知道CSS最基础的问题
来源：百度知道 编辑：UC知道 时间：2024/05/21 07:22:40
我因为兴趣，正在自学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
这几天在修改创力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:12px; color:#f00; line-height:20px;}
样式解释:
font-size 表示字体大小, color 颜色, line-height表示行高,我这里设了20px, 这样就显得比较开阔,容易阅读,就和WORD 里面1.5倍行距比1倍行距容易阅读的道理一样. 因为浏览器默认字体是 宋体, 所以font-family:宋体 可以省略,如果是其他字体则需要这条.
如果是比较大的标题: 可以采用以下样式:
.title_main{font-size:20px; color:#f00; line-height:30px; font-weight:bold}
和上面的样式相比,这个字体扩大,行距加大,字体加粗.
3.给标题设置样式,其实还可以用<h1>标签
<h1>文章标题</h1>
说明:
<h1>(除了<h1>,还有<h2><h3><h4><h5><h6>) 这些是专门用于设置不同大小的代码, 其中这些代码默认值都是有加粗的,字体大小由<h1>到<h6>逐渐变小,字体颜色默认为黑色,当然,大小/粗细/颜色都能修改的.
比如设置<h1>样式,css样式代码如:
h1{font-size:12px; color:#f00; line-height:20px;}
注意,h1前面没有任何标点,这样的话,整张网页里面所有用过<h