📄 0076.htm
字号:
<html>
<head>
<title>新时代软件教程:操作系统 主页制作 服务器 设计软件 网络技术 编程语言 文字编辑</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
<!--
body, table {font-size: 9pt; font-family: 宋体}
a {text-decoration:none}
a:hover {color: red;text-decoration:underline}
.1 {background-color: rgb(245,245,245)}
-->
</style>
</head>
<p align="center"><script src="../../1.js"></script></a>
<p align="center"><big><strong>使用Dreamweaver工具加入CSS码</strong></big></p>
<div align="right">---（文/黄燕）</div>
<p align="left"><span
class="userFont"> 在页面中加入CSS码，改变页面的显示，但是对于不动CSS语法规则的人来说，使用Dreamweaver同样能加入CSS码来改变显示，这儿有两个小例子。</span></p>
<p><span class="userFont"><b><font color="#0000ff">1·改变链接显示。</font></b></span></p>
<p><span class="userFont"> 通常页面的文字链接显示会自动加上下划线，这样看起来比较清晰，让阅读这一看就知道这里有链接，但是整个页面的美观度有损。在Dreamweaver中只要设定Styles就可以轻易的加入CSS码，改变链接显示。</span></p>
<p><span class="userFont"> 具体制作如下： </span></p>
<blockquote>
<p><span class="userFont">（1）选择菜单“Windows”下的子菜单“styles”，打开“Styles”对话框，点击对话框底部的按键“StyleSheet……”，弹出“Edit
Style Sheet”对话框；</span></p>
<p><span class="userFont">（2）在“Edit Style Sheet”对话框中选择“New”按键；弹出对话框,然后选择确定，弹出对话框“Styler
defination for a：link”，在其中设定Text-decoration为none；</span></p>
<p><span class="userFont">同上设定a：visted的Text-decoration为none；</span></p>
<p><span class="userFont">以上述步骤设定a：hoverText-decoration为underline；</span></p>
<p><span class="userFont">打开该页面的Html文档，可以发现在文件头有如下代码：</span></p>
<p><span class="userFont"><font color="#336633"><b><style type="text/css"></b></font></span></p>
<p><b><font color="#336633"><span class="userFont"><!-</span></font></b></p>
<p><b><font color="#336633"><span class="userFont">a:link(text-decoration:none)</span></font></b></p>
<p><b><font color="#336633"><span class="userFont">a:visted(text-decoration:none)</span></font></b></p>
<p><b><font color="#336633"><span class="userFont">a:hover(text-decoration:underline)</span></font></b></p>
<p><b><font color="#336633"><span class="userFont">-></span></font></b></p>
<p><b><font color="#336633"><span class="userFont"></style></span></font></b></p>
</blockquote>
<p><span class="userFont">这样你可以不必了解有关CSS的各项规则语法，就可以轻松加入CSS码，而在页面中的链接处文字就不会有下划线出现，但当鼠标移到其上时会有下划线出现。你还可以用这种方法设定链接处文字的颜色、文字背景等，增加页面的美观度。</span></p>
<p align="left"><span class="userFont"><b><font color="#0000ff">2·创建自己喜爱的字体</font></b></span></p>
<p align="left"><span class="userFont"> 你一定会发现，一般页面中的default字体往往是12pt的宋体，显得有些大大咧咧，不够细腻，同时过大的字体会让文章占用过多的篇幅，怎么办，教你一招。同上面的（1）、（2）步骤，打开“New
style”对话框，所不同的是这次我们选择“Make Custome Styler（class）”，在下面的文本输入框中输入：“·useFont”，选择确定，<span
class="userFont">弹出对话框“Styler defination for·useFont”，在其中设定字体为宋体，字体大小为9points，然后选择确定，我们可以看到在Styles窗口中出现了“userFont”的选项；在需要使用该字体的段落，再在“Styles”窗口中选择“userFont”即可。这个字体就是你在我的页面上看到的，是不是觉得细腻多了，页面也显得文气多了？</span></span>
</table>
<p align="center"><script src="../../2.js"></script></a>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -