📄 part4_5.cfm
字号:
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb_2312-80">
<META NAME="Generator" CONTENT="Microsoft Word 97">
<TITLE>使用CSS编辑器</TITLE>
</HEAD>
<BODY>
<B><FONT FACE="楷体_GB2312" LANG="ZH-CN" SIZE=5><P ALIGN="JUSTIFY">使用CSS编辑器</P>
</B></FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="JUSTIFY">上节简单介绍了一下</FONT><FONT SIZE=3>CSS</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>编辑器，这个工具还形象地显示出由此</FONT><FONT SIZE=3>Style Sheet</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>定义的</FONT><FONT SIZE=3>tag</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>、</FONT><FONT SIZE=3>class</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>和</FONT><FONT SIZE=3>id</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>选择器，如图</FONT><FONT SIZE=3>4-1</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>所示，注意一个</FONT><FONT SIZE=3><BODY></FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>标识符的选择器已经存在了。下面我们将讲述如何使用</FONT><FONT SIZE=3>CSS</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>编辑器。</P>
</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=2><P ALIGN="CENTER"><IMG SRC="Image171.gif" WIDTH=154 HEIGHT=126></P>
<P ALIGN="CENTER"></P>
</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="CENTER">图</FONT><FONT SIZE=3>4-1</P>
</FONT><B><FONT FACE="楷体_GB2312" LANG="ZH-CN" SIZE=4><P ALIGN="JUSTIFY">指定属性值</P>
</B></FONT><FONT SIZE=3><P ALIGN="JUSTIFY"> </FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>此例说明如何改变</FONT><FONT SIZE=3><BODY></FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>标识符的背景色。在上图中选中</FONT><FONT SIZE=3><BODY></FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>，在</FONT><FONT SIZE=3>CSS</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>编辑器的</FONT><FONT SIZE=3>Backgroud</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>标签中点击标有…的按钮，将弹出一个颜色选择对话框，选取蓝色并按</FONT><FONT SIZE=3>OK</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>关闭它，选择</FONT><FONT SIZE=3>Source</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>标签可以看到你的选择已添加到</FONT><FONT SIZE=3>Style Sheet</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>中了，再切换到</FONT><FONT SIZE=3>Preview</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>标签可看到网页的背景变为蓝色。</P>
</FONT><B><FONT FACE="楷体_GB2312" LANG="ZH-CN" SIZE=4><P ALIGN="JUSTIFY">建立tag选择器</P>
</B></FONT><FONT SIZE=3><P ALIGN="JUSTIFY"> </FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>此例为</FONT><FONT SIZE=3><H1></FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>标识符定义一个选择器。在</FONT><FONT SIZE=3>CSS</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>编辑器中名为</FONT><FONT SIZE=3>HTML Tags</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>的项上单击鼠标右键，从弹出的菜单中选择</FONT><FONT SIZE=3>Insert HTML Tag</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>，将弹出一个对话框，从对话框中的组合框里选择</FONT><FONT SIZE=3>H1</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>标识符后按</FONT><FONT SIZE=3>OK</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>关闭它。此时可看到</FONT><FONT SIZE=3>CSS</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>编辑器里加入了一项就是这个</FONT><FONT SIZE=3>tag</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>选择器。</P>
</FONT><B><FONT FACE="楷体_GB2312" LANG="ZH-CN" SIZE=4><P ALIGN="JUSTIFY">建立class选择器</P>
</B></FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="JUSTIFY">首先在</FONT><FONT SIZE=3>CSS</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>编辑器中标有</FONT><FONT SIZE=3>classes</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>的项上单击鼠标右键，从弹出式菜单中选择</FONT><FONT SIZE=3>Insert New Class</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>项，将弹出一个对话框如图</FONT><FONT SIZE=3>4-2</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>所示，在</FONT><FONT SIZE=3>name</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>域中输入名字，选中复选框，然后从组合框中选择</FONT><FONT SIZE=3>SPAN</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>，这表明只有</FONT><FONT SIZE=3><SPAN></FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>元素才有一个</FONT><FONT SIZE=3>class</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>属性。随后按</FONT><FONT SIZE=3>OK</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>关闭对话框。</P>
</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=2><P ALIGN="CENTER"></P>
<P ALIGN="CENTER"><IMG SRC="Image172.gif" WIDTH=298 HEIGHT=149></P>
<P ALIGN="CENTER"></P>
</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="CENTER">图</FONT><FONT SIZE=3>4-2</P>
</FONT><B><FONT FACE="楷体_GB2312" LANG="ZH-CN" SIZE=4><P ALIGN="JUSTIFY">建立id选择器</P>
</B></FONT><FONT SIZE=3><P ALIGN="JUSTIFY"> </FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>首先在</FONT><FONT SIZE=3>CSS</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>编辑器中标有</FONT><FONT SIZE=3>IDs</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>的项上单击鼠标右键，从弹出式菜单中选择</FONT><FONT SIZE=3>Insert New Unigue id</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>项，将弹出一个对话框。只在</FONT><FONT SIZE=3>ID</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>域中输入名称即可，按</FONT><FONT SIZE=3>OK</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>关闭对话框。</P>
<P ALIGN="JUSTIFY">现在</FONT><FONT SIZE=3>CSS</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>编辑器中以加入了两项，是我们刚刚建立的选择器，如图</FONT><FONT SIZE=3>4-3</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>所示。</P>
</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=2><P ALIGN="CENTER"></P>
<P ALIGN="CENTER"><IMG SRC="Image173.gif" WIDTH=155 HEIGHT=160></P>
<P ALIGN="CENTER"></P>
</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3><P ALIGN="CENTER">图</FONT><FONT SIZE=3>4-3</P>
</FONT><B><FONT FACE="楷体_GB2312" LANG="ZH-CN" SIZE=4><P ALIGN="JUSTIFY">保存和关闭Style Sheet</P>
</B></FONT><FONT SIZE=3><P ALIGN="JUSTIFY"> </FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>从菜单中选择</FONT><FONT SIZE=3>File | Close</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>将弹出一个对话框询问是否保存文件，点击</FONT><FONT SIZE=3>Yes</FONT><FONT FACE="宋体" LANG="ZH-CN" SIZE=3>进行保存。</P>
<P ALIGN="JUSTIFY"></P></FONT><p>
<p>
<font color="red">此手册未经本公司允许,不得擅自转载、转贴、篡改。违者将追究其法律责任。</font>
</BODY>
</HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -