CSS样式表应用Dreamweaver的提示

CSS样式表应用Dreamweaver的提示
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样式菜单,你可以在这个页面使用这些模式
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部