Less的!important关键字 在调用 mixin 时,如果在后面追加 !important 关键字,就可以将 mixin 里面的所有属性都标记为 !important.如,以下Less代码: .mixin() {   color: #900;   background: #F7BE81; } h2 {   .mixin() !important; } 编译后的CSS代码为: h2 {   color: #900 !important;   background: #F7BE81 !imp…

//!important关键字 使用!important关键字混入调用之后,以标记它继承的所有属性!important,example: .test{ background:red; font-size:18px; color:blue; } .study{ .test()!important; } //ouput css .test { background: red; font-size: 18px; color: blue; } .study { background: red !impo…

IE浏览器以不支持大量的css 属性出名,同时也因其支持的css属性中存在大量bug. 这里收集了好多的bug以及其解决的办法,都在这个文章里面记录下来了!希望以后解决类似问题的时候能够快速解决,也希望大家能在留言里面跟进自己发现的ie6 7 8bug和解决办法! 普通IE css bug bug名称 影响版本 描述 Image Label Focus Bug IE8,IE7,IE6 <img>元素在<label>元素之内,单击时,焦点不会转移到相应的表单控件 按钮Margin-A…

伪类可以用来指定一个或多个与其相关的选择符的状态,如a:link a:active a:hover a:visited :ie7及以下不支持. 注意:上面与超链接相关的伪类的顺序必须是:LVHA. 伪对象是指在html文档指定的信息之外,创建文档的额外信息.如p:before{content:"..."} css1和css2中的其他伪类有: :focus  :first-child  :lang::lang的作用是向带有指定lang属性的元素添加样式. css1和css2中的其他伪对象…

为什么会出现浏览器兼容问题? 由于各大主流浏览器是不同的厂家开发的,所以使用的核心也不相同,架构代码很难重合,就会产生各种各样的bug. IE6中常见的css解析bug 1)默认高度(IE6)部分块元素会拥有默认的高度 hack1:给元素添加声明:font-size:0: hack2:给元素添加声明:overflow:hidden: 2)各浏览器的按钮大小不一样/边框显示不一样 hack:统一大小(宽和高): hack1:给input外边加一个标签,给标签加边框,再取消input的默认边框: h…

注释 缓存式注释/*注释内容*/  非缓存式注释//注释内容 变量 @nice-blue: #5B83AD; @light-blue: @nice-blue + #111; #header { color: @light-blue; } 混合 1.混合类: .bordered { border-top: dotted 1px black; border-bottom: solid 2px black; } #menu a { color: #111; .bordered; 2.混合带参数: .b…

一.LESS的学习笔记: 1.less介绍:一种动态样式语言.less将css赋予了动态语言的特性,如变量,继承,运算,函数,less既可以在客户端上运行(支持IE6+,webkit,firefox),也可以借助node.js或者Rhino在服务端运行.less的中文文档,可以参照这两个地址进行学习:http://less.bootcss.com/   http://www.bootcss.com/p/lesscss/ 2.less的安装 法一:安装iterm或者使用终端都可以,然后输入sudo…

忙了很久终于有时间来写点东西了,不知道大家有没有发现,我们在写CSS的时候总是在重复很多代码,一个相同的属性值往往要重复N次,以前我就经常想有没有什么办法能让我们不用一直重复的font-size啊color啊,直到有了LESS的出现,原来CSS还真的可以这么写的. 在写LESS的时候,我们会用到一些我们以前写CSS时没有用到的概念,比如混合(继承),变量,嵌套,运算,函数. less文件浏览器是解析不到的,所以我们实际用它的时候要编译让它变成浏览器所认识的CSS,后期维护的时候我们也只是修改le…

由于前端css编写繁琐,最近开始学习LESS,用LESS编写文件.less文件可以直接编译成我们要的.css文件 学习Less 我下面是我练习时的截图,希望小伙伴也能动手自己写一下,而不是复制粘贴模式学习.动手敲能体会不一样 1.下载国内的koala的预处理器,可以自动把less编译成css 2.使用sublime安装插件,推荐这种方式,因为我们是前端攻城狮 变量 用@来声明变量…

1.浮动元素的双倍margin 说明:这是IE6及其以下版本的一个经典的BUG,触发这个BUG产生的条件是给元素设置了浮动并且同一方向设置了margin值.来看以下代码: <style type="css/text"> body,div { margin:0; padding:0; } .wrap { width:300px; height:100px;  background:#ccc; } .float { float:left; width:30px; height:…