• 《網頁設計技巧》系列之二 淺\談布局

    關於布局也許是大家最不放在眼裏的地方,其地位如同文字的排版一樣,隨便可布,布即隨便。但是看過我上篇《 網頁設計技巧 》的朋友也許就會清楚,其實文字排版是一種不起眼但卻非常重要的細節。做好了會讓作品更為精細漂亮,做不好也許就成為作品失改的重要原因。其實...

    2008-02-23 08:37:17

  • 标准下隔行换色的思考

    我们以前在DW中用表格布局着我们的网页的时候常常用到一种设计手法--隔行换色。也就是新闻列表或是列表类的每隔一行就换另一个色彩这样显得很漂亮也很合适阅读。所以这种手法被广大的设计师们收入囊中作为自己的又一把工具刀。但是随着网页标准浪潮的来袭,这种设计效...

    2008-02-23 08:37:14

  • 澄清display:inline;与float:left;的用途

    这样的题目显得有点可笑,但是鉴于很多网友在标准学习的过程中常被这样的问题所困扰( 例一 、 例二 ),所以特此专文澄清两者之间的区别与特性。 首先我们要明确,display:inline;与float:left;正确含义。 display:inline;(内联) 《CSS权威指南》中文字显示:任何不是...

    2008-02-23 08:37:12

  • 用CSS制作鼠标经过图像

    以前我们用表格来布局网页时,我们都很喜欢用DW(Dreamweav)中的“鼠标经过图像”,因为那的确吸引人!但是我们也同样发现这样的一个问题:当网速不太快的时候,鼠标经过后的图片还没有下载下来,看上去很不美观。并且还需要一大堆的JS代码,还需要预载经过图片。相对...

    2008-02-23 08:37:11

  • 网页HTML默认的CSS样式表属性总结

    这个东西,在你需要还原默认值的时候,比较有用。 开始的时候 *{margin:0;padding:0;},当需要使用边距的时候,就需要还原HTML默认CSS值了。 以前一直在找这份文档,今天偶然在 w3上 看到了。除了inline和block的定义,主要是要注意body|h1~h6|blockquote|menu|ul|ol|d...

    2008-02-23 08:37:15

  • Google会不会检查网页的CSS?

    有一位网友问我Google会不会检查css。我在英文论坛上转了转,现在普遍的观点如下: 据GoogleGuy说Google现在对css和Javascript都能进行分析。有人认为Google分析css就是为了探测作弊的手法,因为css是作弊的重要手段。但是一般认为Google并不是每个页面都去分析css,而...

    2008-02-23 08:37:09

  • 用CSS设计高体验的表单显示效果示例

    style type="text/css" .input1{ font-family: verdana;background-color: #EEEEEE;border-bottom: #FFFFFF 1px solid;border-left: #CCCCCC 1px solid;border-right: #FFFFFF 1px solid;border-top: #CCCCCC 1px solid;font-size: 12px; } .input1-bor { font-family:v...

    2008-02-23 08:37:13

  • 基于XHTML标准DIV CSS布局对SEO的影响

    前两天发完《SEO参考:DIV CSS三行两列经典布局》一文,不少朋友在MSN上问我,使用XHTML标准的DIV CSS布局对于SEO到底有什么作用。这两天简单总结了一下,写出来供参考。 XHTML技术问题请参考相关网站研究,下面说说在SEO方面的影响。 代码精简 使用DIV CSS布局,页面...

    2008-02-23 08:37:08

  • CSS JS实现的选项卡效果(html组件)

    !doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd" html lang="us-en" head titlecss选项卡(html组件)/title link rel="shortcut icon" href="favicon.ico" type="image/x-icon" / meta http...

    2008-02-23 08:37:07

  • CSS实现 DIV 在页面垂直居中两例

    !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xhtml"headmeta http-equiv="Content-Type" content="text/html; charset=utf-8" /titleUntitled 1/ti...

    2008-02-23 08:37:07

2