📄 css的规则.htm
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0045)http://www.sinohome.net.cn/css/css/css1_1.htm -->
<HTML><HEAD><TITLE>CSS的规则</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312"><LINK
href="../chn.css" type=text/css rel=StyleSheet>
<META content="MSHTML 6.00.2900.2604" name=GENERATOR></HEAD>
<BODY bgColor=#ffffff background=CSS的规则.files/background.gif><!-- Spidersoft WebZIP Ad Banner Insert -->
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD><ILAYER id=ad1 height="60"
visibility="hidden"></ILAYER><NOLAYER><IFRAME marginWidth=0 marginHeight=0
src="res://C:\WINNT\system32\shdoclc.dll/dnserror.htm" frameBorder=0
width="100%" scrolling=no
height=60></IFRAME></NOLAYER></TD></TR></TBODY></TABLE><!-- End of Spidersoft WebZIP Ad Banner Insert-->
<P align=center><A href="http://www.sinohome.net.cn/css/index.htm"><IMG
height=56 alt=主页制作DIY--http://homediy.cjb.net src="CSS的规则.files/title.gif"
width=380 border=0></A></P>
<P align=center><FONT color=#ff0000>CSS入门</FONT></P>
<TABLE width="100%" border=0>
<TBODY>
<TR>
<TD align=right width="11%"><IMG height=20
alt="blue-rect.jpg (3374 bytes)" src="CSS的规则.files/blue-rect.jpg"
width=20></TD>
<TD width="89%" bgColor=#d5f8cd>CSS的规则</TD></TR>
<TR>
<TD align=right width="11%" rowSpan=5></TD>
<TD width="89%">CSS 的每一条规则(rule)都有如下的形式 <PRE> selector {property:value; property:value; ...}</PRE>
<UL>
<LI>selector: 第一种是 HTML 的 tag, 比如 P, BODY, A 等等.第二种叫 class, 第三种叫 ID.
你这里先知道有这么三种，具体的咱们以后在谈.
<LI>property: 就是那些将要被修改的性质, 比如 color
<LI>value: 给 property 的值, 比如给 color 的可以是 red </LI></UL>
<P>请看下面的一个典型规则</P><PRE> H1 {color: red}</PRE>
<P>用这条规则所有的1号标题都变成红色的了. 一般来说我们把所有的规则全包括在 STYLE 元素里面放到 HEAD 里面.
请试验下面的<BR>网页 </P></TD></TR>
<TR>
<TD width="89%" bgColor=#e8e8e8><PRE><HTML>
<HEAD></PRE></TD></TR>
<TR>
<TD width="89%" bgColor=#dbfdf7><PRE> <STYLE TYPE<FONT face=宋体 color=#000000 size=2>="text/css"></FONT>
<!--
H1 { color: red; font-size: 30px; font-family: impact }
P { text-indent: 1cm; background: yellow; font-family: courier }
-->
</STYLE></PRE></TD></TR>
<TR>
<TD width="89%" bgColor=#e8e8e8><PRE></HEAD>
<BODY>
<H1>主页制作DIY</H1>
<P>如果本行的背景不是黄色，则说明你必须升级你的浏览器到IE 4.0以上（或Netscape 最新版），否则无法完成此CSS教学。</P>
</BODY>
</HTML></PRE></TD></TR>
<TR>
<TD width="89%"><A
href="http://www.sinohome.net.cn/css/css/css_basic1.htm"
tppabs="http://www.nease.net/~haidian/dhtml_t/css_basic1.html">点这里</A>
看上面的例子.
<P>怎么样? 很简单把. 你只要知道所有可以改动的元素和它们的性质灵活的运用 CSS 的规则, 你就可以使得你的网页制作更上一层楼.
下面一节我们将要告诉你其他两种 selector 以及其他一些基础. </P></TD></TR></TBODY></TABLE>
<HR>
<P align=right><A href="http://www.sinohome.net.cn/css/css/index.htm"><IMG
height=31 alt=上一页--返回CSS教学目录 src="CSS的规则.files/back-button-off.gif" width=31
border=0></A><A href="http://www.sinohome.net.cn/css/css/css1_2.htm"><IMG
height=31 alt=下一页--CSS的三种selector src="CSS的规则.files/forward-button-off.gif"
width=31 border=0></A></P>
<P align=center><A
href="http://www.sinohome.net.cn/css/css/index.htm">返回CSS教程目录</A></P>
<P align=center><A href="http://www.sinohome.net.cn/css/index.htm"><IMG
height=32 alt=返回“主页制作DIY”首页 src="CSS的规则.files/home.gif" width=32
border=0><BR>返回主页</A></P>
<TABLE cellSpacing=1 width="75%" align=center bgColor=#666666>
<TBODY>
<TR bgColor=#ffffff>
<TD><A href="http://www.sinohome.net.cn/" target=_blank>网站推广</A></TD>
<TD><A href="http://www.sinohome.net.cn/solution.htm"
target=_blank>搜索引擎排名</A></TD>
<TD><A href="http://www.webrank.cn/" target=_blank>google排名</A></TD>
<TD><A href="http://www.googlefans.cn/" target=_blank>google排名</A></TD>
<TD><A href="http://www.sinohome.net.cn/yahooranking.htm"
target=_blank>Yahooe排名</A></TD>
<TD><A href="http://www.sinohome.net.cn/googleranking.htm"
target=_blank>google排名</A></TD>
<TD><A href="http://www.liuhe188.com/"
target=_blank>网址大全</A></TD></TR></TBODY></TABLE></BODY></HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -