台州网站建设建站中CSS样式表常见的两种使用方法是什么?

分享到:

2020-09-24 10:21:55

  台州网站建设建站中CSS样式表常见的两种使用方法是什么,相信对于自己建站的朋友来说,肯定是有过这样的技术问题的,下面就来一起看看吧!

台州网站建设建站中CSS样式表常见的两种使用方法是什么

  一、去掉超链接的下划线,实现鼠标在超链接上的变色:

  关于网站建设制作,默认情况下,使用DreamWeaver设计的网页中的超链接带有下划线,这使得它们看起来不吸引人。为了去掉这些烦人的下划线,很多报刊杂志都引入了在HTML源代码中手工添加一段代码的方法。事实上,在DreamWeave中去掉下划线链接很容易。首先,在DreamWeaver的DocumentWindows中创建一个链接,您可以看到这个链接将带有下划线。如何删除此下划线?

  1.单击“文本”|“CSS样式”|“编辑样式表…”在菜单栏上(或直接按快捷键Ctrl+shift+E)调出编辑样式表对话框窗口。

  2.单击“新建”,关于网站模板,然后在“新闻样式”对话框中,单击“使用样式选择器”按钮。

  3.在“选择器”列中键入一个,然后单击“确定”。

  4.然后弹出“CSS样式定义”对话框。在“类型”类的装饰中,选中“无”,然后单击“确定”,然后单击“完成”。您会立即发现链接的下划线在文档窗口中消失了。那么鼠标悬停在链接上怎么改变颜色呢?重复上述步骤中的靠前步和第二步。然后单击选择器旁边的下拉箭头,选择“a:悬停”,然后单击确定。在稍后弹出的“样式定义:悬停”对话框中,选择类型类颜色中的任何颜色(例如,选择红色),然后单击“确定”,然后单击“完成”。按F12预览,将鼠标放在链接上。链接变红了吗?如果刚才“Styledefinitionfora:hover”对话框中Backgroud的颜色是绿色,那么当你把鼠标放在超链接上时,链接不仅会变成红色,还会有绿色的背景。其实通过刚才的CSS样式定义对话框,可以达到更多的特效。有兴趣的朋友不妨考虑一下。

台州网站建设建站中CSS样式表常见的两种使用方法是什么

  二、创建可重用的外部CSS样式表。

  使用DreamWeaver在网页中创建CSS样式后,如果您想在另一个网页中应用该样式,您不必从头开始创建CSS样式。只要创建一个externalCSSstylesheet文件,以后就可以随意调用样式表文件中的样式。为了方便管理,在站点所在的文件夹中新建一个名为css的文件夹,专门用来放置外部样式表文件(带有CSS扩展名)。

  1.在文档窗口中按Ctrl+shift+E,弹出编辑样式表对话框。

  2.点击“链接”。

  3.在弹出的LinkExternalStyleSheet对话框中,单击BROWSE找到刚刚创建的CSS文件夹。

  4.类型*。关于自助建站,“选择样式表文件”窗口的“文件名”列中的css(*可以是任何名称)。请注意,此时CSS文件夹中没有样式表文件,在“文件名”栏中键入的新名称将成为新的外部样式表文件的名称。例如,键入title.css,然后单击“选择”|“确定”。

  5.在编辑样式表对话框窗口中,title.css(链接)将被新添加,双击它。

  6.在弹出的“标题.css”窗口中,点击“新建”。

  7、在“新闻样式”对话框中,点击“制作自定义样式(类)”按钮。

  8.在“名称”列中键入一个名称,如“我的标题”,然后单击“确定”。

  9.在下一个对话框中。我的标题标题。CSS",进行字体、颜色等各种设置,完成后点击确定。如果要创建新样式,单击“新建”,重复步骤6、7、8、9,后单击“保存”|“完成”,这样就创建了外部样式表文件title.css。在菜单栏上,title.css中的所有样式都将列在“TEXT”|“CSSstyle”子菜单中。要在其他网页中调用这个title.css,只需重复上述步骤1到3,然后在SelectStylesheetFile窗口的“文件名”列中输入title.css。单击“选择”|“确定”|“完成”,title.css中的所有样式将出现在此网页菜单栏上的“文本”|“CSSstyle”子菜单中,您将能够在此网页中应用这些样式。

台州网站建设建站中CSS样式表常见的两种使用方法是什么

  以上就是关于建站中CSS样式表常见的两种使用方法是什么的介绍,希望对您有帮助!


声明:此篇为凡科建站原创文章,转载请标明出处链接:
  • 热门模板
  • 热门专题
  • 推荐文章
  • 热门标签
合作伙伴