随笔分类 - H4C2
摘要：常用CSS HACK ================= IE6 3像素bug和双边距bug一样的经典 现象： IE6下浮动元素和不浮动元素之间会有3px间隙(3px bug，div.float left + div.float none) 解决 需设置 div.float left{ margin
阅读全文
摘要：js动态创建样式: style 和 link ================= ie6 不能 document.createElement('style') 然后append到head标签里。所以就找到这样个好文章 有很多提供动态创建 style 节点的方法，但是大多数都仅限于外部的 css 文件
阅读全文
摘要：td之overflow:hidden 多余文本隐藏效果 ========================== 方法1: table layout: fixed; width: 200px; 语法： + : 默认的自动算法。布局将基于各单元格的内容。表格在每一单元格读取计算之后才会显示出来。速度很慢
阅读全文
摘要：css多行文本垂直居中问题研究 ========================= 垂直居中对齐 {margin:0; padding:0;} div {border:1px solid 89f989; margin:20px; width:300px; } .h100{height:100px;}
阅读全文
摘要：一起来看看css中的单位 ==================== 由于一直以来对于css中的百分比单位究竟是相对于谁的比例，这个问题不是很了解，所以就专门找资料看了一下。 .container的高度是被内容撑开的。 w:250px, h:16px, mt:50px, pt:50px 由于.cont
阅读全文
摘要：css兼容问题与实践归纳总结 ========================== 一、IE6/7 原生块元素与display:inline block; some text 在ie6/7下，这个div还是会独占一行,所以要是需要设置inline block的元素来呈现按钮 图标之类的要素 ，最好用
阅读全文
摘要：font简写语法 ================ 测试 这是子元素的字体 默认继承了哪些字体属性 font style font weight font size/line height font family 都从父元素继承了 这是用font:12px定义的文本 语法错误 这是用font:12p
阅读全文
摘要：浮动元素居中的实现方式 ========================= 在css3之前，对自适应内容宽度的浮动元素，实现居中，似乎还是有点难度的。 比如这样的一个场景， 数量不确定的页码，在页面底部水平居中。 假设html结构如下; 1 2 3 4 5 <! 若不浮动 .page nums, 则
阅读全文
摘要：认识和理解css布局中的BFC =========================== BFC的定义 是 W3C CSS 2.1 规范中的一个概念，它决定了 元素如何对其内容进行定位，以及与其他元素的关系和相互作用 。 Block Formatting Context 的元素的特点 + 其子元素会一
阅读全文
摘要：css的repaint和reflow ==================== 浏览器为了重新渲染部分或整个页面，重新计算页面元素位置和几何结构（geometries）的进程叫做 reflow。 由于 reflow 是一种浏览器中的用户拦截（user blocking）操作，所以了解如何减少 ref
阅读全文
摘要：bootstrap编码规范 ================= HTML规范 语法 1. 用两个空格来代替制表符（tab） 这是唯一能保证在所有环境下获得一致展现的方法。 2. 属性值确保全部使用双引号，绝不要使用单引号。 3. 不要在自闭和（self closing）元素的尾部添加斜线 ，HTML
阅读全文
摘要：链接被点击时不出现虚线框的方法 ============================= <! IE soso <! FireFox soso
阅读全文
摘要：label 和 legend标签的用法 ============== label标准用法: 一般浏览器都支持 一般而言,label标签位于表单元素的前面或者后面，为控件提供说明文字 用户名: for属性：能让用户点击文字，焦点定位在for指定的控件，提供更好的用户体验。 label新用法:（在浏览网
阅读全文
摘要：了解常见的浏览器内核 Trident,Geckos,Presto,Webkit ==================== 内核只是一个通俗的说法，英文名称为“Layout engine”，翻译过来就是“排版引擎”，也被称为“页面渲染引擎”。它负责取得网页的内容（HTML、XML、图像等等）、整理信息
阅读全文
摘要：DOCTYPE声明的几种类型 ===================== DOCTYPE 声明决定着浏览器怎么去解析和渲染当前页面，所以对于页面来说是很重要的。 HTML5时代，统一用 这样简单的方式声明 HTML 4.01 ,XHTML 1.0都有3中DOCTYPE 类型 , , ( ps：htm
阅读全文
摘要：今天了解了一个新的名词叫做 FOUC 浏览器样式闪烁，之前也听说过一些类似的东西，比如样式突变等等，但这东西竟然有学名的。。什么是FOUC(文档样式短暂失效)?如果使用import方法对CSS进行导入,会导致某些页面在Windows 下的Internet Explorer出现一些奇怪的现象:以无样式...
阅读全文
摘要：这是群里网友地瓜提供的一个类，不熟悉样式表对象和样式规则对象的浏览器差异的可以看看/** * Stylesheet.js: utility methods for scripting CSS stylesheets. * * This module defines a Stylesheet clas...
阅读全文
摘要：我们都知道，IE浏览器暂不支持CSS3的一些属性。国外的工程师们，不安于此现状，他们总是尽量使用一些手段使IE浏览器也能支持CSS3属性，我觉得这些都是很有意义，很有价值的工作，可以推动整个技术领域的进步的。到目前为止，有不少可以让IE支持部分CSS3属性的工具。例如： 1. Dean Edward
阅读全文
摘要：~~圆角是比较常用的css3属性，但是ie6-8并不支持圆角，可用border-radius.htc html组件实现圆角, border-radius.htc内部应用vml进行了重绘 border-radius.htc:
阅读全文
摘要：IE6以及更低版本的浏览器对“：hover”的支持不理想，对于类似的“p:hover”、“img:hover”、“#header:hover”...,今天给大家介绍一种新的方法，可以完美解决IE6不支持hover的情况，用法很简单，将下载后的“csshover.htc”文件，定义在body样式内 c
阅读全文
浙公网安备 33010602011771号