您现在的位置: 圆点视线 >> 教程 >> 网页设计 >> 网页制作技巧 >> 文章正文
[组图]Dreamweaver使用CSS样式表设置网页文本格式           ★★★
Dreamweaver使用CSS样式表设置网页文本格式
作者:netjc.co…  文章来源:netjc.com  点击数:  更新时间:2008-5-17 19:08:55 
 页面功能:【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口 【字体:

 

  对第二段重复第 3 步。

  在"CSS 样式"面板("窗口">"CSS 样式")中,单击位于面板右下角的"附加样式表"按钮。

  Dreamweaver使用CSS样式表设置网页文本格式_网页教学网webjx.com整理

  在"附加外部样式表"对话框中,单击"浏览"并浏览到上一节创建的 cafe_townsend.css 文件。

  单击"确定"。

  "文档"窗口中的文本将根据外部样式表中的 CSS 规则来设置格式。

  研究"CSS 样式"面板

  "CSS 样式"面板可让您跟踪影响当前所选页面元素的 CSS 规则和属性,或影响整个文档的规则和属性,还可以在不打开外部样式表的情况下修改 CSS 属性。

  请确保 index.html 页在"文档"窗口中打开。

  在"CSS 样式"面板("窗口">"CSS 样式")中,单击面板顶部的"所有",然后检查您的 CSS 规则。

  在"所有"模式下,CSS 面板向您显示应用到当前文档的所有 CSS 规则,不管这些规则是在外部样式表中,还是在自身文档中。您应在"所有规则"窗格中看到两个主要类别:一个<STYLE> 标签类别和一个 cafe_townsend.css 类别。

  若未展开<STYLE> 标签类别,则请单击加号 (+) 展开该类别。

  单击正文规则。

  值为 #000000 的 background-color 属性出现在下面的"属性"窗格中。

  Dreamweaver使用CSS样式表设置网页文本格式_网页教学网webjx.com整理

  注意您可能需要折叠其它面板,如"文件"面板,以便看到完整的"CSS 样式"面板,还可以通过拖动窗格之间的边界来更改"CSS 样式"面板的长度。

  您在教程:创建基于表格的页面布局中通过使用"修改页面属性"对话框设置了页面的背景色。以此方式设置页面属性时,Dreamweaver 会编写一个内置于文档的 CSS 样式。

  单击加号 (+) 展开 cafe_townsend.css 类别。

  单击 p 规则。

  在外部样式表中为 p 规则定义的所有属性和值将显示在下面的"属性"窗格中。

  Dreamweaver使用CSS样式表设置网页文本格式_网页教学网webjx.com整理

  在"文档"窗口中,在刚设置格式的两个段落中的任何位置单击一次。

上一页  [1] [2] [3] [4] [5] [6] 下一页

 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 文章录入:Rainsion    责任编辑:Rainsion  【字体:
 
  • 上一篇文章:

  •  
  • 下一篇文章: 没有了
  • 最新文章
    相关文章
    解决Dreamweaver中关于应用CSS的小问题
    Dreamweaver解决网页制作中的空格问题
    Dreamweaver制作网页技巧20则
    CSS在Dreamweaver中无效的解决方法
    通过Dreamweaver学习了解CSS
    网页中插入Flash按钮与文本
    写给喜欢用DW编写CSS人的一些建议
    DIV+CSS网页布局常用的方法与技巧
    14个CSS实用技巧精选推荐
    Dreamweaver制作网页小技巧汇集
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    发表评论:
     姓  名: 评 分: 1分 2分 3分 4分 5分
     评论内容: ·严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
    ·用户需对自己在使用本网服务过程中的行为承担法律责任
    ·本站管理员有权保留或删除评论内容。
    ·评论内容只代表机友个人观点,与本网站立场无关。
     
    最 新 推 荐
     
    百度主题推广
    最 新 热 门