网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

Dreamweaver8怎么创建CSS样式

这篇文章主要讲解了“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样式这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联,小编将为大家推送更多相关知识点的文章,欢迎关注!


名称栏目:Dreamweaver8怎么创建CSS样式
URL分享:http://bjjierui.cn/article/jsgdho.html

其他资讯