Dm CS3网页制作中的CSS布局规则

2016-02-19 19:35 11 1 收藏

在这个颜值当道,屌丝闪边的时代,拼不过颜值拼内涵,只有知识丰富才能提升一个人的内在气质和修养,所谓人丑就要多学习,今天图老师给大家分享Dm CS3网页制作中的CSS布局规则,希望可以对大家能有小小的帮助。

【 tulaoshi.com - Web开发 】

CSS文件的链接方式

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

·附加链接:外部CSS文件
·导入CSS:常用应用多个CSS文件时,将多个CSS导入一个CSS文件中

CSS规则定义有三种:

1)类比如“.RedText”、“.BlueText”和“.BigText”等等
2)标签针对原有HTML标签做的重新CSS定义
3)高级伪类、定义了ID的元素,以及综合性定义

CSS规则的应用

·只有“类”样式才需要应用,class=”xxxx”。任何元素都可以应用类。
·class与id的区别
·标签应用一般对于“body”标签一次性使用,对于诸如“li”、“td”等在页面中重复性比较大的标签不推荐定义。
·高级多运用,定义“#id li”比定义“li”要好得多。

CSS规则的执行顺序

·按照CSS代码的执行先后顺序
·如果有重复的规则,按照后执行的定义
·最终规则是多个定义规则的综合

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

重点:高级规则定义

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

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

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

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

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

延伸阅读
现在大多数浏览器支持CSS 3 技术,因此许多大胆且富有创意的设计师开始学习运用它,有一大票童鞋已经在CSS 3 的路上高歌猛进,以下就是它们的作品,每一个都酷炫难挡,根本停不下来。 Quechua 有些网站就是喜欢带点动感,这个Quechua就是使用了视屏背景,视觉效果很好。 LanderApp 4N 4N高档手表网站设计,不仅技术厉害,设计...
现在大多数浏览器支持CSS3技术,因此许多大胆且富有创意的设计师开始学习运用它,有一大票童鞋已经在CSS3的路上高歌猛进,以下就是它们的作品,每一个都酷炫难挡,根本停不下来。 Quechua 有些网站就是喜欢带点动感,这个Quechua就是使用了视屏背景,视觉效果很好。 LanderApp 4N 4N高档手表网站设计,不仅技术厉害,设计师的绘画也...
标签: PS PS教程
设计工具为PS CS3,先看做好的效果图: 设计步骤如下: 第一步: 用形状工具或者选框工具设计出菜单的背景来,如下图: 第二步: 新建一个图层,用缩放工具放大到1000%,用画笔在这个新建图层上画出一条适当长度的1px竖线,颜色为#ffffff;如下图: [next] 第三步: 给这个图层加"渐变叠加"这个混合...
标签: Web开发
相信学过CSS的朋友都知道CLASS这个东西,不知道你平时制作网页时是怎么应用的,我是这样来做DIV布局代码的.不知道说的清楚不清楚,凑和看吧 我把class分为2种,布局class,风格class,布局class是骨架,风格class是衣服 举个例子: 比如布局中的左栏 首先它的属性有:是左栏,宽度,背景颜色,字体颜色等 1.首...
标签: Web开发
我们为了优化网页、加快网页下载速度,除了对图片进行优化之外,还需对网页其他各个元素进行优化。在网页编织过程中如能充分利用编辑工具,也可以在网页制作中达到优化目的。 下面是Dreamweaver CS3中的一些优化技法: 合理调用CSS 进行网页设计时,运用样式表单CSS来对页面元素进行布置,可以大大地减少HTML代码,这点我们已经很清楚。...

经验教程

492

收藏

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