转载 解决ie6下position：absolute不兼容问题

body{9000px;} /*让浏览器出现滚动条*/ .fixed{ position:fixed; /*对于火狐等其他浏览器需要设置的*/ top:700px; /*同上*/ width:30px; height:30px; cursor:pointer;

转载 css-hack

css-hackcss-hack诞生背景:由于不同浏览器所遵循的标准也有所不同，再加上不可避免的程序bug、经济利益等因素的干扰。同样的网页代码(HTML + CSS)，在不同浏览器上的显示效果却略有不同，甚至大有不同。即使是同一个浏览器，其不同版本的显示效果也有所不同，尤其是IE。这就给网页前端设计人员带来了很大的困扰。开发人员必须兼顾考虑到所有主流的浏览器，才能在不同的浏览器上显示出相

转载 清除浮动

浮动会使当前标签产生向上浮的效果，同时会影响到前后标签、父级标签的位置及 width height 属性。而且同样的代码，在各种浏览器中显示效果也有可能不相同，这样让清除浮动更难了。解决浮动引起的问题有多种方法，但有些方法在浏览器兼容性方面还有问题。下面总结8种清除浮动的方法（测试已通过 ie chrome firefox opera，后面三种方法只做了解就可以了）： 1，

转载 css3:nth-child(n):

语法E:nth-child(n) { rules;} 匹配父元素E的第n个子元素有趣之处E：nth-child(n){ rules;} 里面的n不仅可以为数值，还可以为乘法因子，如2n、2n+1等，这样就能匹配到奇偶子元素了。如想要实现偶数子元素背景色不同，则可这样设置： 还记得这种间隔背景色的效果么？ CSS3伪类 :nth-child(n) 实现的奇偶间隔背景色效果

原创 white-space 属性

说明设置或索对象内空格的处理方式；对应的脚本性语言是whiteSpace。语法white-space:normal | pre| nowrap | pre-wrap | pre-line默认值：normal( firefox下测试结果为：字母、数字遇到边界也不换行，但是中文能换行。多个空格、换行都解析为1个空格。 )取值normal:默认处理方式；pre:用等宽字体

原创 ul 与 li 无序列表——观察与练习

列表项1列表项2列表项31、ul 系统默认带有上、下边距，一般18px左右，设计时应考虑，对应去除的方法是添加 margin:0;2、li 自带列表符号小圆点（type="disc"）,通过立体观察盒子层叠结构从下往上可以看到：ul (这一层包括列表符号，列表符与li距离固定) —— li（li里面的内容）

原创 backround

属性描述background简写属性，作用是将背景属性设置在一个声明中background-attachment背景图像是否固定或者随着页面的其余部分滚动background-color设置元素的背景颜色background-image把图像设置为背景background-position设置背景图像的起始

转载 bootstrap样式使用标准（转）

语法    用两个空格来代替制表符（tab） -- 这是唯一能保证在所有环境下获得一致展现的方法。    为选择器分组时，将单独的选择器单独放在一行。    为了代码的易读性，在每个声明块的左花括号前添加一个空格。    声明块的右花括号应当单独成行。    每条声明语句的 : 后应该插入一个空格。    为了获得更准确的错误报告，每条声明都应该独占一行。   

转载 html中link和import方式导入CSS文件的区别(转)

在CSS的实际应用中，往往是将CSS以独立文件（如：style.css）的形式导入到HTML文档中。导入CSS文件主要有两种方式：    链接式（link）           link rel="stylesheet" href="style.css" type="text/css"/>    <p style="margin-top: 0px

原创 <span>行内组合元素

定义和用法 标签用于对文档中的行内元素进行组合。提示和注释：提示：请使用 span 元素对行内元素进行分组，以便通过样式对它们进行格式化。如果不对 span 应用样式，那么 span 元素中的文本与其他文本不会任何视觉上的差异。HTML:提示：... ... ...CSS:p.tip span { font-weig

原创 <iframe>内联框架

定义和用法iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。

原创 <pre></pre>预格式化标签

可用来定义预格式化的标签

原创 html结构

原创 元信息meta

meta元信息锦集：