• 首页
• 服务器租用
• 企业邮箱
• 虚拟主机
• 网站程序
• 营销推广
• 网站建设
• 域名注册
• 前端开发
• 网站备案

• 当前位置：创新互联 >> 常见问题 >> 网站建设 >> 网站制作 >> 如何使用Dreamweaver建立CSS

如何使用Dreamweaver建立CSS

• 作者：创新互联 文章来源：网站建设部 点击数： 更新时间：2010-04-16
• 　　在我们设计网页的时候，往往很多页面都运用的是同一种网页风格，那么如何将许多网页的风格格式同时更新，不用再一页一页地更新，这成为很多设计师们头疼的问题。现在，小编跟大家介绍一种方法，我们可以将站点上所有的网页风格都使用一个CSS文件进行控制，只要修改这个CSS文件中相应的行，那么整个站点的所有页而都会随之发生变动。
  下面是一个使用建立CSS的简单例子，小编以此来说明建立CSS样式表的步骤。这个CSS设置很常用的哦，大家可要看仔细了呢。
  　　这个例子要达到这样的效果，使文字字体为Arial，大小为9点，行高为12，去掉超级链接的下划线，当鼠标移到超级链接时显示下划线。具体操作步骤如下：
  
  第一步，通过样式固定文字为最常用的9点大小。
  
  1、点击新建样式按钮，在弹出的对话框上选择中间的一项RedifineHTMLTag
  2、在下拉选框中选择p，单击OK钮
  3、这时会弹出CSS属性设置对话框。在这个对话框中，在Font中选择Arial，Size是字体大小，在后面选择9，单位选择points，这样就设置字体为9点。
  4、Line在（行高）中设置为12。
  5、设置完成后点击OK按钮。
  现在页面的文字达到了要求的效果。以上是针对p标记的，然后td、input、li、select等标记重复以上操作。
  
  第二步，去掉超级链接的下划线，并改变其颜色。
  
  1、点击新建样式按钮，在弹出的对话框上选择中间的一项RedifineHTMLTag，在下拉选框中选择a。
  2、点击OK按钮，弹出CSS属性设置对话框，在decoration后选择none，再设置一下颜色。
  3、点击OK按钮。
  这时，页面上的超级链接变成了需要的效果。
  
  第三步，可以通过设置，使当鼠标移过超级链接时，显示下划线。
  
  1、点击新建样式按钮，在弹出的对话框上选择最下面的一项UseCSSSelector，在下拉选框中选择a:hover。
  2、点击OK按钮，弹出CSS属性设置对话框。
  3、在decoration后选择under-line。
  4、再设置一下颜色。然后点击OK按钮。
  
  　　最后，按下F12键预览这个页面，移动鼠标到超级链接之上，即显示出下划线。如果你操作的最后效果不是这样，那你可就要往回重新检查一下步骤了哦，成都创新互联网站建设竭诚为您的网站排忧解难！
• 网站设计：哪些情况会降低用户体验值 :上一篇
  什么网站算好站? :下一篇