摘要：看下面 的代码：<!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"><head><meta http-equiv="Content-Type" content="text/html; char 阅读全文
css position
2012-08-21 22:30 by youxin, 416 阅读, 0 推荐, 收藏,
摘要：(由于position是相对于其包含块定义，先看以前写的：http://www.cnblogs.com/youxin/p/3341305.html）Learn CSS Positioning in Ten Stepshttp://www.barelyfitz.com/screencast/html-training/css/positioning/ id = div-before id = div-1 id = div-1aLorem ipsum dolor sit amet, consectetuer adipiscing elit. ... 阅读全文
little box:three column
2012-08-21 21:57 by youxin, 287 阅读, 0 推荐, 收藏,
摘要：<!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"><head><meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文
little box: two box
2012-08-21 21:37 by youxin, 243 阅读, 0 推荐, 收藏,
摘要：<!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"><head><meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文
eric书：text属性
2012-08-21 21:21 by youxin, 273 阅读, 0 推荐, 收藏,
摘要：文本和字体的区别：简单说，文本时内容，字体用于显示，它是一个改变文本外观的方法。Indenting Texttext-indentValues <length> | <percentage> | inheriInitial value 0Applies to block-level elementsInherited yesPercentages refer to the width of the containing blockComputed value for percentage values, as specified; for length values, 阅读全文
eric书：css继承
2012-08-21 20:43 by youxin, 280 阅读, 0 推荐, 收藏,
摘要：As important as specificity （特殊性）may be to understanding how declarations are applied to a document, another key concept is that of inheritance. Inheritance is the mechanism by which styles are applied not only to a specified element, but also to its descendants. If a color is applied to an h1 eleme 阅读全文
转：Quirks模式与Standards模式
2012-08-21 19:44 by youxin, 379 阅读, 0 推荐, 收藏,
摘要：Quirks Mode中发生了什么？Quirks Mode是一种浏览器（像IE，Firefox，Opera）操作模式。从根本上说，怪异模式（也称之为兼容模式）意味着一个相对新的浏览器故意模拟许多在旧浏览器中存在的bug，特别是在IE4和IE5中。Quirks Mode是由文档类型探查法触发。也就是大家熟知的文档类型切换。这意味着浏览器检查一个HTML文档的开始，看它是否包含一个HTML规范所要求的文档类型声明。Quirks Mode的目标是使旧页面显示出他们的作者想要的那样。旧页面可能利用旧浏览器已知的特性写成，或者至少是适应旧浏览器。更多关于怪异模式的信息请访问QuirksMode.Org。 阅读全文
外边距折叠
2012-08-21 16:44 by youxin, 425 阅读, 0 推荐, 收藏,
摘要：在CSS中，当一个元素的上或下外边距正好和另外一个元素的上或下外边距接触时就会产生外边距折叠。这个概念很简单：两个外边距中更小的那个减小为零。如果两个元素的外边距具有相同的长度，那么其中一个被减小为零。外边距折叠在图7-9中进行示范。 注意：第一个divmargin-top还是10px，只是下面的没有了。当一个元素被另外一个元素包含在里面时也会发生外边距折叠。两个外边距在什么地方接触是无关紧要的，如果两个外边距接触，那么即使是另一个元素里面的元素也会和它的父元素发生外边距折叠。图7-10中显示了一个这样的例子。 显示了外边距折叠在父子元素之间是如何发生作用的。如果一个子元素的外边距直... 阅读全文
关于css中float的一切
2012-08-21 16:33 by youxin, 292 阅读, 0 推荐, 收藏,
摘要：原文：http://css-tricks.com/all-about-floats/ 这篇文章说的简单易懂 float是CSS中关于定位的属性。 float有4个值：none, left, right, inherit (继承父元素的float属性值） float的姐妹属性：clear clear有4个值：both， none， left, right (也可以说有5个：inherit，但在IE中不支持） 阅读全文
display:inline-block
2012-08-21 02:17 by youxin, 585 阅读, 0 推荐, 收藏,
摘要：display:inline-block; 是不换行的。 The element is placed as an inline element (on the same line as adjacent content), but it behaves as a block elementdisplay:list-itemThe element is displayed as a list-item, which means that it has a bullet in front of it。看下面的布局：一般说来，这种类型的布局是小菜一桩。固定宽度，固定高度，向左浮动就解决了。但是，这个 阅读全文
浙公网安备 33010602011771号