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的方法 工具
  • 乳腺不通,奶结不需要挤到痛死也可解决堵奶硬块

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

    产后乳腺不通,奶结硬块,腋窝下有肿块,不知道该怎麽办的快来看 方法/步骤 增加喂奶.挤乳次数:宝宝直接吸吮效果最佳,以手挤乳次之
  • 苹果手机如何把繁体改成简体,简繁字体调换

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

    苹果手机有些手机默认的字体都是繁体字体,尤其是在港澳台那一带的.基本上都是还在使用繁体字体,那么怎样才能把繁体字体秀改成简体字体呢
  • 母狗生了小狗奶结块的征兆和解决方法

    母狗生了小狗奶结块的征兆和解决方法

    母狗生了小狗第三天就不如何吃东西了,母狗第一胎生了四只小狗生了第三天就不如何吃东西了.这个时候一定要注意狗狗是不是奶结块了. 工具/原料 母狗 方法/步骤 母狗奶结块的征兆:生小狗少于6只左右.我们的小灰灰第一窝生了四只小狗,生完头两天的饭量还是相当大的,到了第三天的时候母狗就不如何吃东西了.老是跟着我转. 奶结块:经

猜你喜欢

  • 口腔溃疡经常发作的预防

    口疮复发的情况根据其病因可归成几类,其中有些溃疡只要去除病因就不会复发,如创伤性溃疡.结核性溃疡等.而复发性口腔溃疡可"周而复始"反复发作,其发病病因虽复杂,但其持有的临床表现就是复发性.周期性和自愈性.此外由系统性疾病引起的溃疡,如营养不良性和血液系统性疾病引起的口腔溃疡,则因病因不易根治而呈时轻时重.迁延不断的发作.当然,病毒感染引起的口疮,会随病毒的再次感染而发作,但不能称之为"复发". 方法/步骤 第一,要减少对溃疡的刺激,所以要尽量少吃刺激性的调味品,如辣
  • 迪士尼疯狂猜图电影电视答案 电影电视类答案案
  • 幻灯片放映不能全屏

    幻灯片放映不能全屏

    有时候幻灯片放映不能全屏,对于后排的听众有很大的影响,今天小编跟你讲为什么ppt无法全屏播放和如何进行幻灯片的全屏放映. 更多经验
  • 专家揭秘开运整形[6]开运丰额头效果怎样

    专家揭秘开运整形[6]开运丰额头效果怎样

    在32个国家科研带头人的总结后我们共同分析得出了一下内容: 凹陷的额头会给人的面部美观带来严重的影响,同时许多人看来还是面相不好的
  • 超详细的,比干洗店还专业的22个洗衣技巧!

    超详细的,比干洗店还专业的22个洗衣技巧!

    衣服不管沾上什么都洗的掉了,比干洗店还专业的22个洗衣技巧!洗衣必存!洗衣达人必须收藏! 工具/原料 衣服.洗衣机.洗衣液等...