注册 登录
编程论坛 WEB前端(UI)

CSS 调用

fqbnet2008 发布于 2007-09-11 12:03, 1454 次点击
<STYLE TYPE="text/css">
<!--
td { font-family: "宋体"; font-size: 12px; color: #000000}
a:link { color: #0000FF; text-decoration: none}
a:visited { color: #666666; text-decoration: none}
a:active {color:green;text-decoration: none;}
a:hover { color: #FF0000;background-color:#ff9900;text-decoration: underline }
-->
</STYLE>



我在后面该怎么调用这个样式啊

a这个 样式
7 回复
#2
fqbnet20082007-09-11 12:05
我以前没有做过Css啊,有谁会的教我一下啊

#3
fqbnet20082007-09-11 13:24
哈哈,好了 ,我自己解决了。

看来我的基础还是比较差啊。
#4
huangyong2007-09-11 13:35
您的这个样式不用调用的,是直接对表格的<TD>进行定义的。
下面的A是对链接进行样式的定义。
您要定义的话,用ID=""或者Class=""就可以了,
ID=""的时候样式的前面用#
Class=""的时候用.
这样的就可以了,Class和ID的定义看一下这篇文章:
http://www.86start.com/ShowArticle.asp?id=6
#5
shaoli42612007-09-11 13:47
你 a:link { color: #0000FF; text-decoration: none}
a:visited { color: #666666; text-decoration: none}
a:active {color:green;text-decoration: none;}
a:hover { color: #FF0000;background-color:#ff9900;text-decoration: underline }这些都是定义伪类,在面页中建立连接时就已经调用了。
而 td { font-family: "宋体"; font-size: 12px; color: #000000}是个常规类在HTML的标签中也是自动调用的!
#6
雨帆2007-09-11 14:30

楼主不错嘛,在别人解答问题以前就自己先明白过来了!(你们中午不休息啊?)
四楼和五楼的解释也可以解答你的疑问了~~
在这里我再来补充一下,让后来的人了解多一点:

调用CSS按其位置可以分成三种:
内嵌样式(Inline Style)
内部样式表(Internal Style Sheet)
外部样式表(External Style Sheet)

1.内嵌样式
如:
<html>
<head><title>内嵌式样式</title></head>

<body>

<P style="font-size:22pt; color:blue">这个内嵌样式定义段落里面的文字大小是22pt字体,字体颜色是蓝色。</p>

<P>这段文字没有使用内嵌样式</p>
</body>
</html>


2.内部样式表
<HTML>

<HEAD>
<STYLE type="text/css">
H1.mycss {border-width: 1; border: solid; text-align: center;color:red}
</STYLE>
</HEAD>

<BODY>
<H1 class="mycss"> 这个标题使用了Style。</H1>
<H1>这个标题没有使用Style。</H1>
</BODY>

</HTML>

3.外部样式表
(1).先用文本编辑器建立一个叫css的文件,文件后缀不要用.txt,改成.css。文件内容如下:

H1.mycss {border-width: 1; border: solid; text-align: center;color:red}
(2).然后建一个网页,用以下代码:
<HTML>

<HEAD>

<link href="此处写刚才建好的css的路径位置" rel="stylesheet" type="text/css">

</HEAD>

<BODY>

<H1 class="mycss"> 这个标题使用了Style。</H1>

<H1>这个标题没有使用Style。</H1>

</BODY>

</HTML>

这些代码很简单,要是不明白的话,将代码复制自己实践一下可能掌握得更好!

[此贴子已经被作者于2007-9-11 14:35:15编辑过]

#7
雨帆2007-09-18 17:28
css 样式的一点基础,让更多的人能够看到。呵呵!
#8
lmhllr2007-09-19 09:01
都是好人啊!

.style1{....} 用class="style1"引用

#style2{....} 用id="style2" 引用

td{....} 重定义标签,即该CSS作用域内的所有td都会应用该样式

1