编程论坛's Archiver

fqbnet2008 发表于 2007-9-11 12:03

CSS 调用

&lt;STYLE TYPE="text/css"&gt;<BR>    &lt;!--<BR>       td { font-family: "宋体"; font-size: 12px; color: #000000}<BR>       a:link { color: #0000FF; text-decoration: none}<BR>       a:visited { color: #666666; text-decoration: none}<BR>       a:active {color:green;text-decoration: none;}<BR>       a:hover { color: #FF0000;background-color:#ff9900;text-decoration: underline }<BR>       --&gt;<BR> &lt;/STYLE&gt;<BR><BR><BR><BR>我在后面该怎么调用这个样式啊 <BR><BR>a这个 样式

fqbnet2008 发表于 2007-9-11 12:05

我以前没有做过Css啊,有谁会的教我一下啊<BR><BR>

fqbnet2008 发表于 2007-9-11 13:24

哈哈,好了 ,我自己解决了。<BR><BR>看来我的基础还是比较差啊。

huangyong 发表于 2007-9-11 13:35

您的这个样式不用调用的,是直接对表格的&lt;TD&gt;进行定义的。<BR>下面的A是对链接进行样式的定义。<BR>您要定义的话,用ID=""或者Class=""就可以了,<BR>ID=""的时候样式的前面用#<BR>Class=""的时候用.<BR>这样的就可以了,Class和ID的定义看一下这篇文章:<BR><a href="http://www.86start.com/ShowArticle.asp?id=6" target="_blank" >http://www.86start.com/ShowArticle.asp?id=6</A>

shaoli4261 发表于 2007-9-11 13:47

你     a:link { color: #0000FF; text-decoration: none}<BR>       a:visited { color: #666666; text-decoration: none}<BR>       a:active {color:green;text-decoration: none;}<BR>       a:hover { color: #FF0000;background-color:#ff9900;text-decoration: underline }这些都是定义伪类,在面页中建立连接时就已经调用了。<BR>  而   td { font-family: "宋体"; font-size: 12px; color: #000000}是个常规类在HTML的标签中也是自动调用的!<BR>

雨帆 发表于 2007-9-11 14:30

<P>楼主不错嘛,在别人解答问题以前就自己先明白过来了!(你们中午不休息啊?)<br>四楼和五楼的解释也可以解答你的疑问了~~<br>在这里我再来补充一下,让后来的人了解多一点:<br><br><FONT color=#0909f7>调用CSS按其位置可以分成三种:</FONT><br>  内嵌样式(Inline Style) <br>  内部样式表(Internal Style Sheet) <br>  外部样式表(External Style Sheet)<br><br><FONT color=#0909f7><STRONG>1.内嵌样式</STRONG></FONT>:<br>  如:<br><FONT color=#1196ee>&lt;html&gt;<br>&lt;head&gt;&lt;title&gt;内嵌式样式&lt;/title&gt;&lt;/head&gt;</FONT></P>
<P><FONT color=#1196ee>&lt;body&gt;</FONT></P>
<P><FONT color=#1196ee>&lt;P style="font-size:22pt; color:blue"&gt;这个内嵌样式定义段落里面的文字大小是22pt字体,字体颜色是蓝色。&lt;/p&gt;<br><br>&lt;P&gt;这段文字没有使用内嵌样式&lt;/p&gt;<br>&lt;/body&gt;<br>&lt;/html&gt;</FONT><br><br><FONT color=#0938f7><STRONG>2.内部样式表<br></STRONG></FONT><FONT color=#1196ee>&lt;HTML&gt;</FONT></P>
<P><FONT color=#0099ff>&lt;HEAD&gt;<br>&lt;STYLE type="text/css"&gt;<br>H1.mycss {border-width: 1; border: solid; text-align: center;color:red}<br>&lt;/STYLE&gt;<br>&lt;/HEAD&gt;</FONT></P>
<P><FONT color=#0099ff>&lt;BODY&gt;<br>&lt;H1 class="mycss"&gt; 这个标题使用了Style。&lt;/H1&gt;<br>&lt;H1&gt;这个标题没有使用Style。&lt;/H1&gt;<br>&lt;/BODY&gt;</FONT></P>
<P><FONT color=#0938f7><FONT color=#0099ff>&lt;/HTML&gt;<br></FONT><br></FONT><FONT color=#0909f7><STRONG>3.外部样式表<br></STRONG><FONT color=#000000>(1).先用文本编辑器建立一个叫css的文件,文件后缀不要用.txt,改成.css。文件内容如下:</FONT></FONT></P>
<P><FONT color=#09c7f7>H1.mycss {border-width: 1; border: solid; text-align: center;color:red}<br></FONT><FONT color=#000000>(2).然后建一个网页,用以下代码:</FONT><FONT color=#000000><br></FONT><FONT color=#1196ee>&lt;HTML&gt;</FONT></P>
<P><FONT color=#1196ee>&lt;HEAD&gt;</FONT></P>
<P><FONT color=#1196ee>&lt;link href="<FONT color=#f70968>此处写刚才建好的css的路径位置</FONT>" rel="stylesheet" type="text/css"&gt;</FONT></P>
<P><FONT color=#1196ee>&lt;/HEAD&gt;</FONT></P>
<P><FONT color=#1196ee>&lt;BODY&gt;</FONT></P>
<P><FONT color=#1196ee>&lt;H1 class="mycss"&gt; 这个标题使用了Style。&lt;/H1&gt;</FONT></P>
<P><FONT color=#1196ee>&lt;H1&gt;这个标题没有使用Style。&lt;/H1&gt;</FONT></P>
<P><FONT color=#1196ee>&lt;/BODY&gt;</FONT></P>
<P><FONT color=#1196ee>&lt;/HTML&gt;<br><br></FONT><FONT color=#000000>这些代码很简单,要是不明白的话,将代码复制自己实践一下可能掌握得更好!</FONT></P>
[align=right][color=#000066][此贴子已经被作者于2007-9-11 14:35:15编辑过][/color][/align]

雨帆 发表于 2007-9-18 17:28

css 样式的一点基础,让更多的人能够看到。呵呵!

lmhllr 发表于 2007-9-19 09:01

都是好人啊!<BR><BR>.style1{....}   用class="style1"引用<BR><BR>#style2{....}   用id="style2" 引用<BR><BR>td{....}        重定义标签,即该CSS作用域内的所有td都会应用该样式<BR><BR>

页: [1]

Powered by Discuz! Archiver 6.1.0  © 2001-2007 Comsenz Inc.