随笔分类 - CSS && (X)HTML
摘要：常用的有三种方式：1、绝对定位法（最易理解）左右两栏采用绝对定位，分别固定于页面的左右两侧，中间的主体栏用左右margin值撑开距离。于是实现了三栏自适应布局。 1 2 3 4 5 三栏自适应布局 6 7 56 57 58 59 60 61 ...
阅读全文
摘要：实际上，如果没有发明image标签，可能就没有网页设计师这门职业。然而对image标签的滥用可能导致纯修饰性的图像把页面弄乱。好在CSS使我们能够在页面上显示图像，而不需要让图像成为标记的一部分。实现方法是将图像作为背景添加到现有的元素中。背景图像基础：默认情况下，浏览器垂直和水平的重复显示背景图像...
阅读全文
摘要：1. 浮动元素会脱离正常的文档流，按照其外边距指定的位置相对于它的上一个块级元素（或父元素）显示；代码示例： 1 2 3 4 5 浮动元素的性质 6 25 26 27 28 浮动元素29 30 31 效果图：2. 浮动元素后面的块级元素...
阅读全文
摘要：要点1：css代码优化作用与意义1、减少占用网页字节。在同等条件下缩短浏览器下载css代码时间，相当于加快网页打开速度；2、便于维护。简化和标准化css代码让css代码减少，便于日后维护；3、让自己写的css代码更加专业。要点2：css优化方法-需要优化css代码的地方1、缩写css代码。2、排列c...
阅读全文
摘要：转载请注明出处！需要掌握的三个最重要的CSS概念是浮动，定位和盒模型。盒模型概述：页面上的每个元素都被看做一个矩形框（元素框or盒模型），这个框由元素内容，内边距，边框和外边距组成。内边距出现在内容区域的周围，如果为元素添加背景，那么背景就会应用于由内容和内边距组成的区域。添加边框会在内边距的区域外...
阅读全文
摘要：为元素命名：在分配ID和类名的时候，一定要尽可能的保持名称与表现方式无关！因此，应该根据“他们是什么”来为元素命名，而不应该根据“他们的外观如何”来命名。在书写类名和ID的时候要注意大小写。我们建议采用完全小写的类名和ID，多个旦夕之间用连字符分隔，例如，andy-budd比andyBudd清楚得多...
阅读全文
摘要：一.浏览器默认样式有个网站（http://www.iecss.com/）总结了IE6/7/8/9，FF3.6.3，webkit（r7042），opera10.51的默认样式，熟悉一下可以让我们更好的明白一些书写CSS过程中的差异。熟悉这些之后可以明白：1. 使用CSS reset的原因；2. *{m...
阅读全文
摘要：出处：http://blog.csdn.net/freshlover/article/details/11616563 浏览器从服务端获取网页后会根据文档的DOCTYPE定义显示网页，如果文档正确定义了DOCTYPE浏览器则会进入标准模式（Standards Mode），否则浏览器会进入怪异模式或...
阅读全文
摘要：搞清楚浏览器渲染的过程对于前端优化是很有用处的！最近看了一些博客和文章稍微做些总结，具体细节进一步参照原文链接和相关文章！最终决定浏览器表现出来的页面效果的差异是：渲染引擎 Rendering Engine（也叫做排版引擎），也就是我们通常所说的“浏览器内核”（IE--Trident，FF--Gec...
阅读全文
