Dw CC 2014 CSS设计器面板使用!

Adobe Dreamweaver CC 2014新增了多种实用功能,能够使用“实时视图”进行编辑并查看你的设计;借助“元素快速视图”进行标签的排列;使用新的CSS设计器面板对CSS进行快速布局。但是新的CSS设计面板不同以往,适合有一定CSS基础的人使用,但是Dw CC 2014的高效是显而易见的,接下在就为大家讲解怎样使用新的CSS设计器面板。

工具/原料

Adobe Dreamweaver CC 2014

方法/步骤

首先打开Dw CC 2014并新建一个页面,在页面中插入一个id为main的div,并且在main内嵌入两个div,类名分别为left、reght。

接着转到CSS设计器面板...

如果没有看到设计面板,请单击菜单栏【窗口】-【CSS设计器】...

其快捷键是【shift+F11】...

单击【添加CSS源】按钮,弹出的菜单中分别有创建新的CSS文件、附加现有的CSS文件、在页面中定义。

这里只做CSS设计器使用的讲解,所以在页面中定义CSS样式就可以了。

单击【源】中的<style>,接着单击选择器的【+】添加按钮,分别添加 #main.left.reght三个CSS样式。

id前面用#表示,类前面用.表示,复合项用,隔开...

在【选择器】中选中#main,并在【属性】中选择【布局】选项,给其定义400px的宽、200px的高。

在此处就体现出了Dw CC 2014的高效之处,不需要在像CC之前的版本一样打开对应的CSS样式的属性窗口或者是要知道CSS代码的情况下才能对其编辑了。

在【选择器】中选中.left,并在【属性】中选择【文本】选项,给其定义20px的字体大小、30px的行高。

此处又展现了一处亮点,就是将鼠标在属性上停留会提示你相应的中文注解,这便于不熟悉CSS代码的同学设置。

在【选择器】中选中#main,.left,.reght,并在【属性】中选择【背景】选项,给其定义背景色为#FF0004。

如果在【属性窗口】中定义main的属性,在设计视图中单击div main的内容,然后在底部属性面板中选择【CSS】,并且在【目标规则】中选择#main,单击【编辑规则】即可。

此次讲解到此结束..........

注意事项

本示例适合有一定网页编辑基础的人阅读...

2015年5月27日 发布      0 次阅读
标签: 属性, css, main

相关文章

大家都在看

  • 乳腺不通,奶结不需要挤到痛死也可解决堵奶硬块

    乳腺不通,奶结不需要挤到痛死也可解决堵奶硬块

    产后乳腺不通,奶结硬块,腋窝下有肿块,不知道该怎麽办的快来看 方法/步骤 增加喂奶.挤乳次数:宝宝直接吸吮效果最佳,以手挤乳次之
  • 在国内怎样上Javlibrary

    在国内怎样上Javlibrary

    有关于Javlibrary站,具体就不介绍了.本身这个网站是打不开的!今天主要说的是教大家国内打开Javlibrary的方法 工具
  • 艾灸之后有水汽正常吗?是什么原因导致的?

    艾灸之后有水汽正常吗?是什么原因导致的?

    腹部湿湿的到底是在排湿气还是在出汗啊?当然不排除两者都有,在艾灸出汗的这一说法,很多资料没有细致的说法,据我临床经验,很多人开始艾
  • 苹果手机如何把繁体改成简体,简繁字体调换

    苹果手机如何把繁体改成简体,简繁字体调换

    苹果手机有些手机默认的字体都是繁体字体,尤其是在港澳台那一带的.基本上都是还在使用繁体字体,那么怎样才能把繁体字体秀改成简体字体呢
  • 乐心手环充不进电的解决方法

    乐心手环充不进电的解决方法

    在发现乐心手环电量不足,却又发现不能进行充电,该怎么办呢? 工具/原料 乐心手环 充电宝 手提电脑 橡皮擦 方法/步骤 首先区分好手环的两端是否USB接头,以及USB接口是否有插对. (建议把两边都拔下来,有见过其他人把SN码那端插进电脑了) 一般最保险的方法就是插进电脑的USB,因为电流比较稳定,不会因充电致使手环损

猜你喜欢

  • 高中生学习方法决定学习成绩(8)

    提升做作业时自控力. 做作业粗心,原因有两个①知识学得不扎实,似懂非懂,最易出错.②注意力不集中,看题不仔细,做题不检查,顺序不完
  • 皇室战争3阶卡组推荐 皇室战争A3竞技场卡组

    皇室战争3阶卡组推荐 皇室战争A3竞技场卡组

    4399简木要为大家介绍的是一套皇室战争飞桶火箭流卡组,这套卡组有点自闭,不过胜率可是很高的,基本上打到2000+分不是问题. 卡
  • 智能手机怎样彻底清理垃圾

    智能手机怎样彻底清理垃圾

    智能手机基本人人都有,我们使用一段时间后就会发现手机的运行速度变慢了,是如何一回事那?其实是手机的缓存太多了,也就是手机垃圾,下面
  • 怎样查看本机外网ip

    怎样查看本机外网ip

    怎样查看本机IP地址,相信很多小伙伴可能都知道.其实我们上网用的IP并不一定是网卡的IP地址,由于公网IP地址稀少国内绝大多少电脑
  • 怎样纠正孩子说话不礼貌的毛病

    首先需要指出的是,孩子不懂礼貌,说话语气粗鲁,完全是在日常生活中受周围人的影响所造成的.例如有的父母认为在家庭中不用客气,家庭成员