日期:2014-05-17  浏览次数:20706 次

6、CSS Foundations

1、起作用的优先级:inline style优于embedded style优于external style。

?

2、css的定义包括selector和declaration。selector与declaration之间用空格格开。declaration中的property与value之间用:号分隔。属性与属性间用分号隔离。

?

3、在工作区选中一个html元素后点击属性面版中的css,然的后点击edit rule就可以在对话框中设置各个值。

?

4、在edit-preference中的code coloring/code format中可以设置css的格式和颜色。在css styles中可以设置css自动生成的代码中是否使用快捷缩写形式。

?

5、css面版中all标签分两栏,第一栏all rules会显视应用到该文档的所有css文件及选择器。而第二栏是显视并可修改属性值的面版。current标签分三栏。其中summary for selection显视有效应用到该标签的css属性。rules栏显视该标签的样式继承自哪些选择器,其中越往下,优先级越高。最后一栏的properties for“”可以修改选中的rule的样式。

?

6、css面版中的css属性栏左下方有三个排序的按钮,最左边为按属性分类显视,中间为按名称排序,第三个为按已填值的名称排序。在右边有新建、编辑和禁用样式的按钮。在新建按钮中,它会自动按上下文生成该样式的选择器。

?

7、属性面版的css标签中,上面会有一个应用到该元素的样式,当你按edit rule时就会编辑该样式,你也可以手动选择其它样式。而edit rule外的其它设置并不一定是对该样式的编辑,它可能会更改其它的样式。

?

8、在design工作区中停留一会就会显视一个图标,点击它就会弹出一个显视当前对像所属的html文件及应用到该元素的css选择器。在对话框的右下角有一个disable按钮,选择后当你再把鼠标停留在内容时,不会再出现该图标,除非使用alt+click。

?

9、点击design工作区中的浮动图标对话框的css选择器,工作区会导航到对应用css文件的css选择器中,与此同时css面版也会打开并导航到该样式中。

?

10、在css面版中对着属性名左边点击一下或先选择后点击右下角的禁用按钮,即属性前会有一个禁止的图标,面页上的外观也会改变。另外在对应的css定义中也会注消对应的行。

?

11、在css面版中对任意一个样式定义右击,可以取消所有禁用、启用所有禁用等操作。

?

12、新建样式的步骤:选中要应用样式的元素,在css面版中选择新建,然后选择css选择器等等。

?

13、元素选择器(element selector)就是以标签名称为selector的选择器,css关联到文档后会自动应用css到该标签。元素选择器主要控制同类元素中一些共性的属性。

?

14、类选择器(class selector),在以元素选择器控制一个标签的公共熟性外,使用类选择器给予某些节点一些特点。类选择器必需要以.开始。

?

15、工作区下方有一个显视当前元素的在文档中的导航路径。如果你要把一个类选择器应用到某个标签,你可以先把鼠标放到该标签上,然后在导航上点击该标签,即该标签的所有内容会被选中,然后到下方的属性面版中点击html标签,然后在class中选择刚才新建的样式即可。

?

16、如果你只选择一段文字中的一小段应用类选择器,即dw会把那小段文字以span包起来并应用样式。

?

17、ID选择器用于在一个文档中只会出现一次的元素。ID选择器的定义必需要以#开头。当文档与样式表关链后css会自动应用到该元素上。

?

18、设计时,我们优先使用元素选择器去设计一些共性的属性,然后用类选择器去调置一类对像的属性,最后再使用ID选择器去定义一些在页面中独一无二的元素的属性。有些时候我们会使用派生(混合)选择器去定义css。在dw的css 新建对话框中有一个compound(base your selection)选择,选择它时,dw会跟据上下文自动帮你组织css的selector。

?

19、派生选择器的selector所使用的各selector之间用空格格开。

?

20、除了在css面版中新建样式时指定新建样式表外还可以在面版的右下角点击链条图标导入一个新式表。

?

21、在css面版中可以直接把页面、单独css文件中的样式互相拖放,改变它们字义的位置。也可以右击,直接删除定义。