摘要：对于width的数值为百分比的时候，表示该元素的长度是相对于父容器来算的。对于padding-right和padding-left比较好理解也是相对于父容器来算的，但容易出错的是padding-top和padding-bottom，很容易的以为是按height来算，其实，还是相对于width来算的同样magin也是同样的道理。 以下转自w3school对width的解析：在 CSS 中，width... 阅读全文

摘要：background 简写属性在一个声明中设置所有的背景属性。可以按顺序设置如下属性：background-colorbackground-imagebackground-repeatbackground-attachmentbackground-position 如果不设置其中的某个值，也不会出问题，比如 background:#ff0000 url('smiley.gif'); 也是允许的。通... 阅读全文

摘要：第一步：创建我们的 Sprite用PS等工具合成如图所示的图片（以一个像素的红线来区分）第二部分:编写HTML代码首先，我们会给容器 div 一个 .roundedBox类 :<div class="roundedBox"></div>现在，我们必须再增加四个div ，这会在将来创建圆角的时候用到。之后必须给每个加载一个类 .corner，同时也标识一个类来指定它们格子的位... 阅读全文

摘要：下面是一段普通的代码:css:Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->.box{border:1pxsolid#ccc;font-size:12px;background:#F1F1F1;padding:10px;}html：Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->thisi 阅读全文

摘要：css在页面里面有三种引入方式:1.在页面里面直接写(在HEADER区)Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--><styletype="text/css">body{margin:0PX;padding:0PX;}</style>2.用link进行引用Code highlighting produced by Actipro CodeHighlighter (freeware)http:// 阅读全文

摘要：CSS 定位机制CSS 有三种基本的定位机制：普通流、浮动和绝对定位。除非专门指定，否则所有框都在普通流中定位。也就是说，普通流中的元素的位置由元素在 X(HTML) 中的位置决定。块级框从上到下一个接一个地排列，框之间的垂直距离是由框的垂直外边距计算出来。行内框在一行中水平布置。可以使用水平内边距、边框和外边距调整它们的间距。但是，垂直内边距、边框和外边距不影响行内框的高度。由一行形成的水平框称为行框（Line Box），行框的高度总是足以容纳它包含的所有行内框。不过，设置行高可以增加这个框的高度。我们通过浏览器所看到得页面是当浏览器在接收到服务器的响应后，即收到一个HTML文件后，浏览器对 阅读全文