fanhaiwang520的专栏

@import url(foo.css) print;;1.加载顺序的差别：link--与网站内容同步加载；@import--网站内容全部加载完成之后，再加载该css，网站上会明显看到有闪烁效果（与网速有关）;2.兼容性问题：@import---是css2.1提出的，所以老版本的浏览器不支持，@import只能在IE5以上才能识别，相反lin

方法一： Document body{ margin:0; padding:0; min-width:600px; } .main{ float:left; width:100%;

最近听大家在讨论 负margin的一些应用，所以自己研究一下，下面做一些记录1. 实现左右两列布局    方法一：                    左侧            右侧            方法二：            左侧            右侧            对比两种方法，第一种用到float，弊端就是应

一、水平居中1.文本图片水平居中给父级元素设置text-align:center;2.确定宽度的块级元素居中设置自身margin-left:auto;margin-right:auto;别忘了设置自身宽度；3.不确定宽度的块级元素的居中（1）用table帮助实现不确定宽度块级元素居中块级元素设置table元素margin-left:auto;margin-right

在很多页面制作中会设计到突出一个三角，下面给出一种兼容各种浏览器的设计方法： .corner-top{ width:0px; height:0px; font-size:0; border-width:20px;

设置或检索是否使用一个省略标记（...）标示对象内文本的溢出。 对应的脚本特性为textOverflow。a b c d e f g h i j k l , msa sd sd sa w df f         text-overflow属性仅是注解，当文本溢出时是否显示省略标记。并不具备其它的样式属性定义。我们想要实现溢出时产生省略号的效果。还必须定义：强制文本在一行内显示（white

style weight size family

现在所有的常用浏览器都支持hover，但是使用的时候有个小问题 是这样的：        在ie6中只有包含了href的a标签才会支持hover，而其他浏览器的任何元素都能很好的支持

1.加入一个空的同类元素，然后设置元素css属性   clear:both;2.{overflow:hidden; zoom:1;}3..clearfloat{zoom:1;}   .clearfloat:after{content:".";display:block;visibility:hidden;height:0;clear:both;}

.test{    color:#c30;          /* For Firefox */    [;color:#ddd;];      /* For webkit(Chrome and Safari) */    color:#090\0;        /* For Opera */    color:#00f\9;        /* For IE8+ */

一、常见块级元素有哪些：                button,div , dl ,dt ,form , h1 ,h2 ,h3 , h4 ,h5 ,hr ,li ,ul ,table系列，button；二、常见行内元素有哪些：                img ,a ,input ,textarea ,b ,br ,span, select ,label ,map ,stro

1、绝对定位的元素不占文档流，它会忽略文档流的存在浮在已经有的元素的上面，所以小心它会覆盖已经有的元素。2、浮动的元素也不占文档流，只是文档流会环绕浮动的元素3、网页中大多数对象是占用文档流的，也有不占用文档流的，不如表单隐藏元素

针对IE：百度针对非IE:a{outLine:0 none;}

less的语法在此就不错介绍了，参考官网  http://www.lesscss.net/less的强大主要是可以简化前端css开发流程，前端开发更加的便捷，模块划分可以更加的细致，最后压缩所有需要的less文件即可首先需要安装node，less每一个页面都有个主css入口，这个css文件是通过less文件解析而来，这个less文件@import若干个必要的le