文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

Dreamweaver8怎么创建CSS样式

2024-04-02 19:55

关注

这篇文章主要讲解了“Dreamweaver8怎么创建CSS样式”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Dreamweaver8怎么创建CSS样式”吧!

  层叠样式表 (CSS) 是一系列格式设置规则,它们控制 Web 页面内容的外观。使用 CSS 设置页面格式时,内容与表现形式是相互分开的。页面内容(HTML 代码)位于自身的 HTML 文件中,而定义代码表现形式的 CSS 规则位于另一个文件(外部样式表)或 HTML 文档的另一部分(通常为部分)中。使用 CSS 可以非常灵活并更好地控制页面的外观,从精确的布局定位到特定的字体和样式等。

  术语“层叠”是指对同一个元素或 Web 页面应用多个样式的能力。例如,可以创建一个 CSS 规则来应用颜色,创建另一个规则来应用边距,然后将两者应用于一个页面中的同一文本。所定义的样式“层叠”到您的 Web 页面上的元素,并最终创建您想要的设计。

  CSS样式表的创建,可以统一定制网页文字的大小、字体、颜色、边框、链接状态等效果。在Dreamweaver 8中CSS样式的设置方式有了很大的改进,更为方便、实用、快捷。

  创建CSS样式

  1、选中菜单“窗口”>“CSS样式”。打开CSS样式面板。

  2、单击“CSS样式”面板右下角的“新建CSS规则”按钮,打开“新建CSS规则”对话框。

  在“选择器类型”选项中,可以选择创建CSS样式的方法包括以下三种:

  类:我们可以在文档窗口的任何区域或文本中应用类样式,如果将类样式应用于一整段文字,那么会在相应的标签中出现CLASS属性,该属性值即为类样式的名称。

  标签(重新定义特定标签的外观):重新定义HTML标记的的默认格式。我们可以针对某一个标签来定义层叠样式表,也就是说定义的层叠样式表将只应用于选择的标签。例如,我们为

  和标签定义了层叠样式表,那么所有包含在和标签的内容将遵循定义的层叠样式表。

  高级(ID、伪类选择器等):为特定的组合标签定义层叠样式表,使用ID作为属性,以保证文档具有唯一可用的值。高级样式是一种特殊类型的样式,常用的有4种:

  a:link 设定正常状态下链接文字的样式。

  a:active  设定鼠标单击时链接的外观。

  a:visited 设定访问过的链接的外观。

  a:hover  设定鼠标放置在链接文字之上时,文字的外观。

  3、为新建CSS样式输入或选择名称、标记或选择器,其中:

  对于自定义样式,其名称必须以点(。)开始,如果没有输入该点,则DW回自动添加上。自定义样式名可以是字母与数字的组合,但。之后必须是字母。

  对于重新定义HTML标记,可以在“标签”下拉列表中输入或选择重新定义的标记。

  对于CSS选择器样式,可以在“选择器”下拉列表中输入或选择需要的选择器。

  4、在“定义在”区域选择定义的样式位置,可以是“新建样式表文件”或“仅对该文档”。单击“确定”按钮,如果选择了“新建样式表文件”选项,回弹出“保存样式表文件为”对话框,给样式表命名,保存后,回弹出“CSS规则定义”对话框。如果选择了“仅对该文档”,则单击“确定”后,直接弹出“CSS规则定义”,在其中设置CSS样式。

  5、“CSS规则定义”对话框中设置CSS规则定义。主要分为类型、背景、区块、方框、边框、列表、定位和扩展8项。每个选项都可以对所选标签做不同方面的定义,可以根据需要设定。定义完毕后,单击“确定”按钮,完成创建CSS样式。

感谢各位的阅读,以上就是“Dreamweaver8怎么创建CSS样式”的内容了,经过本文的学习后,相信大家对Dreamweaver8怎么创建CSS样式这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是编程网,小编将为大家推送更多相关知识点的文章,欢迎关注!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     807人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     351人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     314人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     433人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     221人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯