在这个浏览器百花争鸣的时代,作为前端开发的我们为了我们漂亮的设计能适应各个浏览器可为煞费苦心,主要体现在javascript和css上面。jav
全文阅读一、meta标签相关知识 1、移动端页面设置视口宽度一、meta标签相关知识 1、移动端页面设置视口宽度 1、移动端页面设置视口宽度
全文阅读text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果。随着html5和CSS3的普及,这一特殊效果使用越来越普遍。基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor}
全文阅读IE下的滚动条样式IE是最早提供滚动条的样式支持,嗯,好多年了,但是其它浏览器一直没有支持,IE独孤求败了。这些样式规则很简单:
全文阅读sass文件后缀名sass有两种后缀名文件:一种后缀名为sass,不使用大括号和分号;另一种就是我们这里使用的scss文件,这种和我们平时写的css文件格式差不多,使用大括号和分号。导入sass的导入(@import)规则和CSS的有所不同,编译时会将@import的scss文件合并进来只生成一个CSS文件。但是如果你在sass文件中导入
全文阅读Less CSS 是一个使用广泛的 CSS 预处理器,对CSS进行扩展,减少很多CSS 的代码量。LESS 将 CSS 赋予了动态语言的特性,如 变量, 继承, 运算, 函数. LESS 既可以在 客户端 上运行 (支持IE 6+, Webkit, Firefox),也可一在服务端运行 (借助?Node.js).引入你的.less样式文件的时候要设置rel属性值
全文阅读属性值(手势状态):auto : 默认值。浏览器根据当前情况自动确定鼠标光标类型。 all-scroll : IE6.0 有上下左右四个箭头,中间有一个圆点的光标。用于标示页面可以向上下左右任何方向滚动。 col-resize
全文阅读CSS控制文本超出指定宽度后用省略号代替,CSS控制文本不换行。一般的文字截断(适用于内联与块):.text-overflow { display:block;/*内联对象需加*/
全文阅读CSS的技巧,并且坚持做下去:尽量不让自己的样式层级超过三层尽量不使用!important,通过添加和使用类名,比如.hidden类名尽量远离Sass中介绍@extend的一般经验法则——他们有些是迷惑人尽量在样式表中添加注释让团队写
全文阅读让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法
全文阅读CSS实现圆角,三角,五角星,五边形,爱心,12角星,8角星,圆,椭圆,圆圈,八卦等等新出的html5新增了不少标签,性能更强,原来的CSS实现圆角,三角,五角星,五边形,爱心,12角星,8角星,圆,椭圆,圆圈,八卦等等新出的html5新增了不少标签,性能更强,原来的
全文阅读1、使用Chrome的都知道,当鼠标焦点在input、textarea这些元素上时,Chrome默认的会给它们加上黄色的边框,这并非chrome的特性,而是css的效果,outline这个属性。你可以用下面的css1、使用Chrome的都知道,当鼠标焦点在input、textarea这些元素上时,Chrome默认的会给它们加上黄色的边框,这并非chrome的特性,而是css的效果,outline这个属性。你可以用下面的css
全文阅读