DW CS3网页制作之CSS布局规则

2016-02-19 19:32 10 1 收藏

想不想get新技能酷炫一下,今天图老师小编就跟大家分享个简单的DW CS3网页制作之CSS布局规则教程,一起来看看吧!超容易上手~

【 tulaoshi.com - Web开发 】

  CSS文件的链接方式

  ·附加链接:外部CSS文件

  ·导入CSS:常用应用多个CSS文件时,将多个CSS导入一个CSS文件中

  CSS规则定义有三种:

  1)类比如“.RedText”、“.BlueText”和“.BigText”等等

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  2)标签针对原有HTML标签做的重新CSS定义

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  3)高级伪类、定义了ID的元素,以及综合性定义

  CSS规则的应用

  ·只有“类”样式才需要应用,class=”xxxx”。任何元素都可以应用类。

  ·class与id的区别

  ·标签应用一般对于“body”标签一次性使用,对于诸如“li”、“td”等在页面中重复性比较大的标签不推荐定义。

  ·高级多运用,定义“#id li”比定义“li”要好得多。

  CSS规则的执行顺序

  ·按照CSS代码的执行先后顺序

  ·如果有重复的规则,按照后执行的定义

  ·最终规则是多个定义规则的综合

  重点:高级规则定义

  1.对于不同表格的文字样式定义。(不同表格使用不同ID、使用类样式定义)

  2.一页中的多种超级链接样式定义

  3.多个相同规则不同对象的CSS共同定义

  4.对于同一对象定义的多种CSS方式考虑哪种更科学(扩展性和代码精简性)

  网页制作之CSS布局规则" src="/newsfile/16000-16999/16275/080713235716390.gif" width=465 border=0

来源:http://www.tulaoshi.com/n/20160219/1621254.html

延伸阅读
迟迟没有转投CS3,今天因为其Pages面板,Down下来体验了一把。 首先,请记住Pages面板的快捷键【F5】,当然你也可以还是习惯的用【F2】打开层面板,Pages面板和它在一起。之所以希望大家记住这个快捷键,是因为Pages面板确实挺好用。你可以将整个项目的页面分页全部保存在一个PNG文件里,有点类似MS的Publisher。其实在CS3之前,Firew...
一、Margin(框距)padding(边框距) margin属性设置顺序:上右下左 padding属性设置顺序:上右下左 margin:25px 0 25px 0; 简写:margin:25px 0; 二、Display显示属性设置 (1)、Display属性none (隐藏) .alt {display:none;} <span class=”alt”Content List Part</span (2)、Display属性block (块/区域) Img {displ...
现在大多数浏览器支持CSS 3 技术,因此许多大胆且富有创意的设计师开始学习运用它,有一大票童鞋已经在CSS 3 的路上高歌猛进,以下就是它们的作品,每一个都酷炫难挡,根本停不下来。 Quechua 有些网站就是喜欢带点动感,这个Quechua就是使用了视屏背景,视觉效果很好。 LanderApp 4N 4N高档手表网站设计,不仅技术厉害,设计...
现在大多数浏览器支持CSS3技术,因此许多大胆且富有创意的设计师开始学习运用它,有一大票童鞋已经在CSS3的路上高歌猛进,以下就是它们的作品,每一个都酷炫难挡,根本停不下来。 Quechua 有些网站就是喜欢带点动感,这个Quechua就是使用了视屏背景,视觉效果很好。 LanderApp 4N 4N高档手表网站设计,不仅技术厉害,设计师的绘画也...
标签: Web开发
第3讲 切割网页图片 切图是网页设计中非常重要的一环,它可以很方便的为我们标明哪些是图片区域,哪些是文本区域。另外,合理的切图还有利于加快网页的下载速度、设计复杂造型的网页以及对不同特点的图片进行分格式压缩等优点。 1. 使用工具箱中的“切片工具”在标题部分的左右各切一刀,使用“切片选择工具”双击右侧部分,在...

经验教程

504

收藏

74

精华推荐

用CS3制作Vist风格壁纸

用CS3制作Vist风格壁纸

莫痴love

CSS网页制作布局实例教程

CSS网页制作布局实例教程

外外是王的女人

css教程:网页布局

css教程:网页布局

jonvey123

微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部