╰伊颖儿

摘要： 1.性能差异 【border:0;】把border设为“0”像素虽然在页面上看不见，但按border默认值理解，浏览器依然对border-width/border-color进行了渲染，即已经占用了内存值。 【border:none;】把border设为“none”即没有，浏览器解析“none”时将不作出渲染动作，即不会消耗内存值。 2.兼容性差异 兼容性差异只针对浏览器IE6、IE7与标签button、input而言，在win、win7、vista的XP主题下均会出现此情况。 【border:none;】当border为“none”时似乎对IE6/7无效边框依然存在，如下例 ... 阅读全文

摘要： facebook上的css连接后面都跟了个参数.. 这是表示什么意思呢?可以看成是css的一个版本号，如果css改动过，担心浏览器本地css文件没有及时更新而导致页面没有出现相应效果时，就可以通过修改这个?后面的号码来达到使浏览器重新下载最新的css文档! 阅读全文

摘要： 1、如何定义高度很小的容器？在IE6下无法定义小高度的容器，是因为有一个默认的行高。列举2种解决方案：overflow:hidden | line-height:02、图片下方出现几像素的空白间隙？这个也有多种解决方案，如将img定义为display:block,或定义父容器为font-size:0，个人更推荐使用vertical-align的方式，它的值可以是text-top | text-bottom | middle等3、IE6双倍margin的BUG?display:inline4、文本垂直方向对齐文本输入框？设置input为vertical-align:middle，textarea 阅读全文

摘要： 写法一： IE都能识别*;标准浏览器(如FF)不能识别*; IE6能识别*，但不能识别 !important, IE7能识别*，也能识别!important; FF不能识别*，但能识别!important; 根据上述表达，同一类/ID下的CSS hack可写为： .searchInput { background-color:#333;/*三者皆可*/ *background-color:#666　!important; /*仅IE7*/ *background-color:#999; /*仅IE6及IE6以下*/ } 一般三者的书写顺序为：FF、IE7、IE6.　... 阅读全文

摘要： 1、正文字体最好用偶数，12px、14px、16px，效果非常好。特例，15px。 2、block、ul、ol 等上下留出至少一倍行距，左侧至少两倍行距，右侧随意。 3、段落之间，至少要有一倍行距。 4、强行指定某些元素的 line-height，正文 1.6 倍于文字大小，标题 1.3 倍。 5、一般来说，PNG 比 GIF 要小，小得多。再者，GIF 中有多少颜色是被浪费的，很值得优化。 6、慎用 * 通配符。所谓通配符，就是将 CSS 中的所有标签均初始化，不管用的不用的，过时的先进的，一视同仁，这样，大大的占用资源。要有选择的初始化标签。 7、不要使用过小的图片做背景平... 阅读全文

摘要： 外部样式表调用：页面内嵌法：就是将样式表直接写在页面代码的head区。 如：外部调用法：将样式表写在一个独立的.css文件中，然后在页面head区用类似以下代码调用。在符合web标准的设计中，推荐使用外部调用法，可以不修改页面只修改.css文件而改变页面的样式。如果所有页面都调用同一个样式表文件，那么改一个样式表文件，可以改变所有文件的样式。 阅读全文

摘要： XHTML 1.0 提供了三种DTD声明可供选择： 过渡的(Transitional):要求非常宽松的DTD，它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)。完整代码如下： 严格的(Strict):要求严格的DTD，你不能使用任何表现层的标识和属性，例如 完整代码如下： 框架的(Frameset):专门针对框架页面设计使用的DTD，如果你的页面中包含有框架，需要采用这种DTD。完整代码如下： 理想情况当然是严格的DTD，但对于我们大多数刚接触web标准的设计师来说，过渡的DTD(XHTML 1.0 Transitional)是目前理想选择(包括本站，使用... 阅读全文