快速设置网页主题攻略
来源:网络收集 点击: 时间:2024-07-23【导读】:
在网页设计时,常常需要根据一些需求来更改整个页面的主题,但内容不变。Dreamweaver中无主题功能,不能像World一样轻松使用主题,但可以使用层叠样式列表来完成操作。(此以CC 2015,CS 5版本为例说明)工具/原料moreWindows操作系统计算机Dreamweaver软件(建议CS5以上版本)网络浏览器方法/步骤1/9分步阅读
2/9
3/9
4/9
5/9
6/9
7/9
8/9
9/9
新建或导入一个站点,打开需要做主题的页面

打开CSS设计器,选择“全部”;若没看到CSS设计器面板,则点击 窗口-CSS设计器 ,打开操作面板

点击 新建CSS源-创建新的CSS文件

保存后点击“添加选择器”,注意CC 2015 及以上版本中不同于CS以前版本,操作界面上无CSS属性设置,此时需要通过设置选择器名称来指定选择器类别:标签选择器 直接输入标签名;类选择器 在选择器名前加上“.”号;ID选择器 在选择器名前加上“#”号;若为链接,则:静态链接(即未点击过的链接) a:link;已点击过的链接 a:visited;鼠标经过 a:hover;鼠标点击下的时候 a:active.

在“属性”窗口中设置各自需要的属性设置。

设置完成后在ID 栏目中选择所需ID名,在类 栏目中选择所需类名,标签选择器设置好后系统会自动调整

若为CS 5版本,使用会简便很多,直接点击CSS面板中的新建CSS规则按钮

选择相应类别后,在“规则定义”选择“新建样式文件”,保存好后完成设置即可。

应用时直接点击CSS选择器中的添加源按钮,选择相应CSS文件;CS 5以前的版本中直接点击链接CSS源文件按钮,选择相应CSS文件即可

版权声明:
1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。
2、本站仅提供信息发布平台,不承担相关法律责任。
3、若侵犯您的版权或隐私,请联系本站管理员删除。
4、文章链接:http://www.1haoku.cn/art_997979.html
上一篇:如何锻炼宝宝的大运动能力?
下一篇:excel怎么把全角字符变成半角?