Dreamweaver
教程2的
提示,我想教你以下,去除超链接的下划线,并实现悬停变色和
创建超链接使用外部CSS样式表。
1。
删除超链接的下划线,并在超链接上实现悬停变色:
默认情况下,用Dreamweaver设计的
网页中的超链接是下划线的,看起来不太漂亮。为了消除这些恼人的强调,许多报纸引入了在HTML源代码中手动添加代码的
方法。事实上,很容易去掉链接的下划线Dreamweave。首先,在Dreamweaver的
文档窗口中创建一个链接,你可以看到链接有下划线。你怎么摆脱这个下划线
1。在菜单栏上的
文本|CSS样式的
编辑风格sheethellip|点击;(或按
快捷键Ctrl + Shift + E编辑样式(片)、编辑样式对话框窗口)。
2。单击新建(辛建)
三.在选择器列中键入A,然后指向OK。
4。然后弹出CSS样式定义对话框,在类的装饰(装饰)中,
检查否,然后点OK,然后完成。你会立即
发现链接的下划线在文档窗口中消失了。那么当
鼠标悬停在链接上时,链接是如何变化的呢在上述
步骤重复第一和第二步骤。然后单击下拉
箭头旁边的选择器,选择:悬停在一个后续的风格定义:悬停对话框,选择
类型颜色类一种颜色(例如,选择红色),然后点OK然后,按F12预览,把鼠标放在链接,并链接变成红色如果在刚才的A对话框的样式定义对话框中,在
背景(背景)类中,背景色被选中为绿色。当你把鼠标放在超链接上时,它不仅会变成一个红色的链接,而且还会有一个绿色的背景。事实上,用CSS样式定义对话框,你也可以获得更多的特殊效果,感兴趣的朋友可以好好看看它。
两。创建一个外部的CSS样式表,可以重复使用
使用Dreamweaver在网页中创建一个CSS样式,如果你想应用样式到另一个网页,你不需要从新创建的CSS样式,只要你创建一个外部样式表
文件(CSS样式表),你可以在未来的风格任意样式表文件,方便
管理,首先创建一个文件夹,在文件夹的
网站的
位置,CSS,主要用于将外部样式表文件(其
扩展名是CSS)。
1、在文档窗口中,按Ctrl + Shift + E、编辑样式表(编辑样式)对话框窗口
2,单击链接。
3、在弹出的链接外部样式表(链接外部样式表)对话框,点
浏览,找到刚才创建的CSS文件夹。
4、选择样式表文件(选择样式表文件)窗口的文件名框中,键入*。CSS(*可以是任何名称),请注意,在CSS文件不是一个CSS文件,在文件名框中会成为一个新的
名字为新的文件名,外部样式表,例如,title.css类型,然后选择好的|。
5、在编辑样式表(编辑样式)对话框窗口,你添加一个新的title.css(链接),
双击它。
6,在弹出的标题窗口中,指向新建。
7,在新建样式对话框中,单击自定义样式(类)按钮
8,在名称列中键入一个名称,如myheadline,点OK。
9。在接下来的风格的定义。Myheadline的称号。CSS 对话框,进行各种
设置,如
字体,颜色等,完成后点确定。如要创建一个新的样式,单击新菜单栏上的文本|将CSS样式子菜单中列出的所有风格title.css.if你想调用这个title.css其他网页,只是重复1到3步以上,然后在选择样式表文件窗口的文件名列中
输入title.css。单击选择和确定| | title.css,所有款式都会出现在页面菜单栏上的文本|CSS样式菜单,你可以在这个页面使用这些
模式。