<![CDATA[中国龙博客]]> http://www.nagadreams.cn/blog/index.php zh-cn http://www.nagadreams.cn/blog/read.php/305.htm <![CDATA[学习CSS先认识浏览器 熟悉Web标准]]> admin <admin@yourname.com> Thu, 30 Oct 2008 16:44:40 +0000 http://www.nagadreams.cn/blog/read.php/305.htm
　　但是实际上，浏览器远远不止这几个,Firefox分为Firefox 1.5,Firefox 2,Firefox 3几个主要版本，IE7,IE6 中也各有好几个系列,另外除开这两个主流厂商的产品之外，还有Opera,Konqueror,Netscape,chrome等一系列。
............

Tags - , ]]> http://www.nagadreams.cn/blog/read.php/304.htm <![CDATA[挺不错的CSS颜色搭配]]> admin <admin@yourname.com> Tue, 28 Oct 2008 13:27:41 +0000 http://www.nagadreams.cn/blog/read.php/304.htm     #F0FBEB #9BDF70
    #FFFFFF #92B0DD
    #EEFAFF #BBE1F1
    #FAFCFD #CCEFF5
............

Tags - , ]]> http://www.nagadreams.cn/blog/read.php/303.htm <![CDATA[CSS 浏览器的等宽空格 ]]> admin <admin@yourname.com> Tue, 28 Oct 2008 13:23:52 +0000 http://www.nagadreams.cn/blog/read.php/303.htm 很多时候，希望能够在 HTML 中使用空格排版。但浏览器在解析 HTML 时，会把连续的空格解析成一个，所以我们会使用 &nbsp; 等这样的占位符。

但是 &nbsp; 也不是很可靠，比如空格间距非常大，那么我们必须增加多个占位符，同时页面的体积会变得非常大。

同时，注意到 Safari 中的 &nbsp; 宽度是已设定字符的空格宽度（Safari 的默认字体为 Times），也就是说一个中文字符需要两个占位符。

具体情况如下图所示：
............

Tags - , ]]> http://www.nagadreams.cn/blog/read.php/302.htm <![CDATA[如何用CSS控制图片自适应大小？]]> admin <admin@yourname.com> Mon, 27 Oct 2008 12:18:10 +0000 http://www.nagadreams.cn/blog/read.php/302.htm CSS控制图片使它自适应大小呢？

　　我们想到了一个比较简单的解决方法，虽然不是非常的完美，如果您的要求不是非常高，已经可以满足你的需要了。我们看下面的代码：

div img {
 max-width:600px;
 width:600px;
 width:expression(document.body.clientWidth>600?"600px":"auto");
 overflow:hidden;
} 

　◎ max-width:600px; 在IE7、FF等其他非IE浏览器下最大宽度为600px。但在IE6中无效。
............

Tags - , ]]> http://www.nagadreams.cn/blog/read.php/301.htm <![CDATA[收藏的CSS经典技巧之一]]> admin <admin@yourname.com> Mon, 27 Oct 2008 12:14:37 +0000 http://www.nagadreams.cn/blog/read.php/301.htm ............

Tags - , ]]> http://www.nagadreams.cn/blog/read.php/300.htm <![CDATA[什么是div+css与xhtml+css]]> admin <admin@yourname.com> Fri, 24 Oct 2008 12:17:12 +0000 http://www.nagadreams.cn/blog/read.php/300.htm css,到底什么是div+css呢?难道就是传说中的标准重构吗?标准从最简单的根源来说不是合理使用xhtml的标签吗?可为什么还是有这么多div+css呢?既然可以div+css,那为什么不可以叫 span+css ul+css li+css等等呢?

    疑问,满脑子的疑问!为了这个疑问,我把自己脑子里的东西从最底层翻了一遍.

    在几年前大家都是用table来布局,一层套一层,没发现什么不妥,一直用到《网站重构》这本书出来后的不久开始看到很多人讨论重构.当时的我对所谓的重构一点都不清楚,当然啦,现在还不是很清楚,至于《网站重构》这本书我也没看过几页,不敢说自己什么都了解.但就目前而言,还是有很多朋友是从 table布局转变过来,也包括我自己在内.

    看了网上很多教程以及很多朋友的文章或者是提到的问题,代码结构中少不了的是div.甚至看到代码结构中除了div标签在body中外,找不到其他用来处理结构的标签了.或许就是因为如此,才出现了div+css,用div来做布局,结合 css来表现样式,那这样就是标准了?

    是把table换成了div,把td换成ul来排列后,那其他xhtml的标签怎么办呢?

    或许有朋友会说"我是用div来布局,所以要叫div+css,而且现在大家都这样叫啊".嗯,没错,因为div在xhtml中没有语意(也可以称为区域划分、部分),而且是块元素,用在布局方面比较合理.但如果因为如此而把div独立出来称呼为了div+css,貌似跟xhtml可以平起平坐了.就好比你的辈分原本就是晚辈,却跑去跟长辈争上座,太不像话了,不是吗?

    说了这么多,无非是想希望大家以后不要再说div+css了,为什么不能再多打2个字母,改叫xhtml+css呢?如果觉得这样还不妥,那就叫网站重构吧,你也可以称自己为网站重构工程师,多好听的名字呢,总不能让别人叫你div+css人员吧.他们还是推荐大家少用div,多合理的使用标签,不要遗忘了在xhtml中还有p,form诸多的标签.合理的使用标签,合理的页面结构才会让你的站点更容易被搜索找到重要内容.简单说吧,大家都知道hn(n=1,2,3,4,5,6)是用在标题,那 p,form,table是不是也可以让他们有自己在页面结构中的一个位置呢?

    以上只是个人在文字方面对网络上到处可见的div+css一些看法,文字表达方面不对的地方大家批评,但最终希望的大家明白,div+css只是一种通俗的称谓,div不是主要的东西,主要的是xhtml.

Tags - , , ]]> http://www.nagadreams.cn/blog/read.php/297.htm <![CDATA[DIV CSS最有可能遇到的八个面试问题]]> admin <admin@yourname.com> Mon, 20 Oct 2008 14:26:14 +0000 http://www.nagadreams.cn/blog/read.php/297.htm     一、超链接访问过后hover样式就不出现的问题?
............

Tags - , ]]> http://www.nagadreams.cn/blog/read.php/286.htm <![CDATA[css一招解决不同浏览器页面错位]]> admin <admin@yourname.com> Wed, 01 Oct 2008 14:48:08 +0000 http://www.nagadreams.cn/blog/read.php/286.htm

用CSS+DIV来写网站代码的好处显而易见，这里不多说了，但由于不同浏览器对CSS的解释不统一，造成不同浏览器下页面错位的现象十分常见……
页面乱的原因是因为IE6认为一个DIV超宽了，所以把本应float;right的DIV挤了下去。而如果设置为IE6下显示正常的宽度，则在IE7和Firefox下看页面就会少了一块一样，也很别扭…. 
............

Tags - , ]]> http://www.nagadreams.cn/blog/read.php/285.htm <![CDATA[Css中的filter常用滤镜属性及语句大全]]> admin <admin@yourname.com> Wed, 01 Oct 2008 14:30:54 +0000 http://www.nagadreams.cn/blog/read.php/285.htm Alpha：设置透明层次.
blur：创建高速度移动效果，即模糊效果.
Chroma：制作专用颜色透明.
DropShadow：创建对象的固定影子.
............

Tags - , ]]> http://www.nagadreams.cn/blog/read.php/283.htm <![CDATA[目前流行的CSS+DIV的命名规则]]> admin <admin@yourname.com> Tue, 30 Sep 2008 15:55:35 +0000 http://www.nagadreams.cn/blog/read.php/283.htm ............

Tags - , ]]>