Dreamweaver 熟练使用十三条技法
2008-05-07 10:49
熟悉网页设计的网友就知道,调用Style的方法很多,我们可以单击鼠标右键选择Custon Style来调用Style标准,也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样,但实际上产生的HTML代码则完全不同。 1、灵活运用样式 熟悉网页设计的网友就知道,调用Style的方法很多,我们可以单击鼠标右键选择Custon Style来调用Style标准,也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样,但实际上产生的HTML代码则完全不同。比如用Custon Style来调用Style标准,在网页代码中就生成一个〈spa... [阅读全文]
CSS布局与传统表格(table)布局最大的区别
2008-04-30 22:02
CSS布局与传统表格(table)布局最大的区别在于:原来的定位都是采用表格,通过表格的间距或者用无色透明的GIF图片来控制文布局版块的间距;而现在则采用层(div)来定位,通过层的margin,padding,border等属性来控制版块的间距。 1.定义DIV 分析一个典型的定义div例子: #sample{ MARGIN: 10px 10px 10px 10px; PADDING:20px 10px 10px 20px; BORDER-TOP: #CCC 2px solid; BORDER-RIGHT: #CCC 2px solid; BORDER-BOTTOM: #CCC 2px so... [阅读全文]
扔掉 Table 使用 XHTML+CSS的布局
2008-04-30 21:33
在CSDN社区上,时不时能够看到一些页面整体布局的问题,要求用div做一些table才能做到的,否则就以此为把柄说XHTML+CSS布局方法不好。其实,首先要做的是改变思维,以适应XHTML+CSS的布局。 面向页面设计而非面向浏览器设计 XHTML +CSS能够实现的是一种流布局,也就是随着内容的长度自动增长区域,并且最终导致整个页面增长,这时候浏览器就必须显示滚动条。table强迫症的一个 征兆就是极力避免流布局,希望以浏览器的可视区域为布局目标,要求在可视区域中划分内容区域而不是在页面上划分内容区域。实际上XHTML是无法针对浏览 器设计的,因为它仅仅包含语义,或者说是内容,而浏览器如何... [阅读全文]
nytimes.com手工编写HTML和CSS代码
2008-04-30 21:06
NYTimes.com 网站的设计主管、2年前加入 NYT 的越南裔设计师 Khoi Vinh 在《纽约时报》的不定时栏目 “Ask the Times” 上回答了读者的提问。在被问到为什么不管任何平台用什么浏览器或显示分辨率,《纽约时报》网站看起来始终如一的漂亮和舒服时,他回答:“我们喜欢用文字编辑器如 HomeSite,TextPad 或者 TextMate,去手工编写所有的HTML和CSS代码,而不是使用所见即所得(wysiwyg)的 HTML 和CSS 的编辑工具如 Dreamweaver。我们只是发现这能产生更好和更快的效果。” ... [阅读全文]
Ebony Gallery2 Theme
2008-02-25 05:33I’ve developed a new theme “Ebony” for personal use. It’s based on Carbon theme. Here are a few of screenshots: Ebony Theme Main features: 1. Javascript Effects. 1) Thumbnail Reflection. It likes Mac Gallery. Using this Js reflection effects you dont need to use imagefram... [阅读全文]
CSS 书写顺序建议
2007-11-30 05:10来自Mozilla的CSS书写规范建议: //显示属性 display list-style position float clear //自身属性 width height margin padding border background //文本属性 color font text-decoration text-align vertical-align white-space other text content 浏览器 Hack: test:791px!important; /*FF Hack*/ *test:785px!important; /*IE7 Hack*/ te... [阅读全文]
最新评论