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,因为电流比较稳定,不会因充电致使手环损

猜你喜欢

  • 2013年辽宁省建设工程结算文件

    定额问题 一.混凝土基础砌砖模怎样执行定额? 按相应砖砌墙体定额项目执行. 二.剪力墙.框架柱.梁中用于控制保护层厚度的钢筋等支撑
  • 如何让一段文字或者一片文章变成有声朗读

    如何让一段文字或者一片文章变成有声朗读

    很多人喜欢制作视频.也许你是初学者.当然资深的可以略过了.配音.简单的来给某人物配音.自己的声音又不好听.而说的话,必须是自己编过
  • 魔兽世界潘达利亚团队荣耀之恐惧之心成就攻略

    魔兽世界潘达利亚团队荣耀之恐惧之心成就攻略

    继前面两篇成就攻略已经写完,现发布最后一篇恐惧之心的成就攻略,望大家早日骑上神圣猩红云端祥龙. 过分狂热成就,需进p2以后,在boss房间4个柱子周围有黄色虫子,全团去捡,然后击杀boss即可:(注意躲好音波,拿上虫子移动速度降低). 风中之烛成就,需进boss房间后在左右两边会有蜡烛,进入p2以后才能激活,这个时候找
  • 有线鼠标亮着灯却没反应怎么办

    有线鼠标亮着灯却没反应怎么办

    昨天鼠标明明亮着灯,突然就没有了反应,以为坏掉了,后来不死心的捣鼓了好长时间,又变正常了,那叫一个开心哇!接下来,大家可以看看我的
  • 教师资格历史学科|古代中国的政治制度专题梳理

    马上就要迎来全国教资考试,同学们该怎样展开了对历史的复习呢?掌握复习方法是尤为重要的,针对学科的特点,本文选取中国古代的政治制度的