妙味课堂（www.miaov.com）——]]> 有许多设计类型的网站，设计师都喜欢将页面字体设计成这样：

妙味课堂（www.miaov.com）——]]> http://www.miaov.com/439.html/feed 0 http://www.miaov.com/429.html http://www.miaov.com/429.html#comments Sun, 10 Jan 2010 12:52:04 +0000 leo http://www.miaov.com/?p=429 网上流传的清除浮动有三种方式：
一：使用空标签清除浮动。
二：使用overflow属性。
三：使用after伪对象清楚浮动。

但是今天下午和王宁同学讨论CSS问题的时候，意外的发现了另一种清除浮动的可能：

父级是 ]]>
			网上流传的清除浮动有三种方式：

一：使用空标签清除浮动。

二：使用overflow属性。

三：使用after伪对象清楚浮动。

但是今天下午和王宁同学讨论CSS问题的时候，意外的发现了另一种清除浮动的可能：
父级是 ]]>
			http://www.miaov.com/429.html/feed
		10
		
		
		
		http://www.miaov.com/402.html
		http://www.miaov.com/402.html#comments
		Thu, 05 Nov 2009 02:58:05 +0000
		leo
				
		
		

		http://www.miaov.com/?p=402
		今天被网友问到一个效果：让翻页代码在页面上永远居中，无论页码数量增多或是减少。

效果图如下：

http://www.miaov.com/?p=395
		什么是等高布局？

——无论页面左侧高度发生变化、还是右侧变化，左右二边的高度在视觉上始终都是一样的。
原理：在父级设置1px高的背景图片，并设计 y 轴方向平铺：repeat-y，用图片的方式代替背景色，在视觉上达到等高的效果。
……
]]>
			什么是等高布局？

——无论页面左侧高度发生变化、还是右侧变化，左右二边的高度在视觉上始终都是一样的。

原理：在父级设置1px高的背景图片，并设计 y 轴方向平铺：repeat-y，用图片的方式代替背景色，在视觉上达到等高的效果。
……
]]>
			http://www.miaov.com/395.html/feed
		0
		
		
		
		http://www.miaov.com/384.html
		http://www.miaov.com/384.html#comments
		Mon, 19 Oct 2009 08:58:26 +0000
		leo
				
		
		

		http://www.miaov.com/?p=384
		写在前面很严肃的话：

我们的浏览器，有各种各样的 bug，这在前面的一篇文章里略有介绍。

在解决浏览器兼容性问题的时候，我们也有许多办法，但有……
]]>
			写在前面很严肃的话：

我们的浏览器，有各种各样的 bug，这在前面的一篇文章里略有介绍。

在解决浏览器兼容性问题的时候，我们也有许多办法，但有……
]]>
			http://www.miaov.com/384.html/feed
		0
		
		
		
		http://www.miaov.com/361.html
		http://www.miaov.com/361.html#comments
		Mon, 19 Oct 2009 05:57:15 +0000
		leo
				
		
		
		

		http://www.miaov.com/?p=361
		首先说明一点：

页面错位不等于浏览器BUG，BUG是指设置了正确的CSS，浏览器却不以预期的样式呈现。
比如设置了某个元素：margin-left: 10px; 但是在浏览器中，
这个 DIV 元素实际呈现的却是：margin-left: 20px;
——在……
]]>
			首先说明一点：

页面错位不等于浏览器BUG，BUG是指设置了正确的CSS，浏览器却不以预期的样式呈现。
比如设置了某个元素：margin-left: 10px; 但是在浏览器中，
这个 DIV 元素实际呈现的却是：margin-left: 20px;
——在……
]]>
			http://www.miaov.com/361.html/feed
		2
		
		
		
		http://www.miaov.com/318.html
		http://www.miaov.com/318.html#comments
		Tue, 13 Oct 2009 16:05:26 +0000
		leo
				

		http://www.miaov.com/?p=318
		被朋友们问到了关于 CSS 一些琐碎的小问题，我的感觉是：虽然这些问题很简单，但是我们在工作当中，经常会被这些琐碎的小知识点给卡住了，并非它们有多么难，可总会有不太好解决的时候，现在记录一下，以备日后查看：

1.设置：]]>
			http://www.miaov.com/318.html/feed
		4
		
		
		
		http://www.miaov.com/272.html
		http://www.miaov.com/272.html#comments
		Fri, 09 Oct 2009 16:52:30 +0000
		leo
				
		
		
		
		
		

		http://www.miaov.com/?p=272
		设置网站的图片涉及到三个问题，分别是：

1. 网页中的图片应该怎样设置？
在运用 XHTML+CSS 制作页面的时候，网页上的图片可以通过二种方式在页面中呈现：
一. 使用图片标签，直接写在 XHTML 文档内：<im……
]]>
			设置网站的图片涉及到三个问题，分别是：

1. 网页中的图片应该怎样设置？
在运用 XHTML+CSS 制作页面的时候，网页上的图片可以通过二种方式在页面中呈现：
一. 使用图片标签，直接写在 XHTML 文档内：<im……
]]>
			http://www.miaov.com/272.html/feed
		4
		
		
		
		http://www.miaov.com/239.html
		http://www.miaov.com/239.html#comments
		Wed, 07 Oct 2009 01:02:43 +0000
		leo
				
		
		
		
		

		http://www.miaov.com/?p=239
		做为 XHTML+CSS 开发人员，尽可能不要让自己有这样的念头：

“只要制作出来的页面能够和设计效果图一致就行了，管它代码合理不合理、严谨不严谨，客户也不要求页面通过 W3C 验证……”
——我们的目的是为了要写出尽量语义正确的合格文档，而不是为了要……
]]>
			做为 XHTML+CSS 开发人员，尽可能不要让自己有这样的念头：

“只要制作出来的页面能够和设计效果图一致就行了，管它代码合理不合理、严谨不严谨，客户也不要求页面通过 W3C 验证……”
——我们的目的是为了要写出尽量语义正确的合格文档，而不是为了要……
]]>
			http://www.miaov.com/239.html/feed
		10
		
		
		
		http://www.miaov.com/220.html
		http://www.miaov.com/220.html#comments
		Mon, 05 Oct 2009 16:02:05 +0000
		leo
				
		
		

		http://www.miaov.com/?p=220
		XHTML 的标签有许多：div、ul、li、dl、dt、dd、h1~h6、p、a、addressa、span、 strong……我们在运用这些标签搭建页面结构的时候，是可以将它们无限嵌套的，但是，嵌套也需要有一定规则，不能任由自己的个人习惯胡乱嵌套——XHTML 必竟不是 XML。

在 XHTML 的……
]]>
			XHTML 的标签有许多：div、ul、li、dl、dt、dd、h1~h6、p、a、addressa、span、 strong……我们在运用这些标签搭建页面结构的时候，是可以将它们无限嵌套的，但是，嵌套也需要有一定规则，不能任由自己的个人习惯胡乱嵌套——XHTML 必竟不是 XML。

在 XHTML 的……
]]>
			http://www.miaov.com/220.html/feed
		4