`
文章列表

SASS学习笔记

    博客分类:
  • css
两种后缀名文件:    一种后缀名为sass,不使用大括号和分号;    一种是scss文件,和平时写的css文件格式差不多,使用大括号和分号。 sass 在线工具  http://sassmeister.com/ //文件后缀名为sass的语法 p background: #0982c1 //文件后缀名为scss的语法 p{ background: #0982c1; } 1.定义变量: $变量名:值 !default 值后面加上!default则表示默认值,在默认变量之前重新声明下变量即可覆盖。 $fontSize: 12px;//普通变量 $baseLin ...
repeat() 返回一个新字符串,表示将原字符串重复n次。           早先通过join()实现了字符串连续复制,现在ES6中封装好了我们可以直接使用了~   "hello".repeat(2) // "hellohello"  
strict mode是什么?           除了正常运行模式,ECMAscript 5添加了第二种运行模式:"严格模式"(strict mode)。这种模式使得Javascript在更严格的条件下运行,体现了Javascript更合理、更安全、更严谨的发展方向。 有什么 ...
类似于数组,但是成员的值都是唯一的,没有重复值。 Set结构有以下属性:   Set.prototype.constructor:构造函数,默认就是Set函数。   Set.prototype.size:返回Set的成员总数。 Set数据结构有以下方法:   add(value):添加某个值,返回Set结构本身。   delete(value):删除某个值,返回一个布尔值,表示删除是否成功。   has(value):返回一个布尔值,表示该值是否为Set的成员。   clear():清除所有成员,没有返回值。   values方法,返回一个遍历器。   forEach方法,用于对每个成员执行 ...
用来比较两个值是否严格相等。与严格比较运算符(===)的行为基本一致,不同之处有两个:       一是+0不等于-0       二是NaN等于自身   +0 === -0 ;//true NaN === NaN; // false Object.is(+0, -0) ;// false Object.is(NaN, NaN) ;// true  兼容ES5添加如下代码: Object.defineProperty(Object, 'is', { value: function(x, y) { if (x === y) { // 针对+0 不 ...
ES6之前只有indexOf方法,可以用来确定一个字符串是否包含在另一个字符串中。 ES6又提供了三种新方法: includes(被搜索的字符串,n开始搜索的位置):返回布尔值,表示是否找到了参数字符串。 startsWith(被搜索的字符串,n开始搜索的位置):返回布尔值,表示参数字符串是否在源字符串的头部。 endsWith(被搜索的字符串,n开始搜索的位置):返回布尔值,表示参数字符串是否在源字符串的尾部。 第二个参数可省略,当使用第二个参数时,endsWith的行为与其他两个方法有所不同:针对前n个字符,而其他两个方法针对从第n个位置直到字符串结束。 var s = " ...
伪类选择器 :nth-child(n)选择器     用来定位某个父元素的一个或多个特定的子元素。其中“n”是其参数,而且可以是整数值(1,2,3,4),也可以是表达式(2n+1、-n+5)和关键词(odd、even),但参数n的起始值始终是1,而不是0!表达式的值 ...
    我们先来看下HTML 5 增加的一项新功能是自定义数据属性-- data-* 自定义属性 http://www.css88.com/archives/4715 <div id="user" data-uid="123456" data-uname="html5" data-date-of-birth>码头</div> 一)使用attribute方法能够存取 data-* 自定义属性的值:     所有的现代浏览器中都能正常工作,但它不是HTML 5 的自定义 data-*属性被使用目的。 // 使 ...
低版本ie浏览器有特殊识别的方式:    使用“\9”这一标记,将IE游览器从所有情况中分离出来。    使用“+”将IE8和IE7、IE6分离开来,这样IE8就能够独立识别。 .bb{ background-color:#f1ee18;/*所有识别*/ .background-color:#00deff\9; /*IE6、7、8识别*/ +background-color:#a200ff;/*IE6、7识别*/ _background-color:#1e0bd1;/*IE6识别*/ }

LESS学习笔记

    博客分类:
  • css
LESS CSS是什么?     一种动态样式语言,属于CSS预处理语言的一种。 LESS 原理     LESS 包含一套自定义的语法及一个解析器,用户根据这些语法定义自己的样式规则,这些规则最终会通过解析器(如koala),编译生成对应的 CSS 文件。在现有 CSS 语法的基础上,为 CSS 加入程序式语言的特性。 1.自定义变量,变量可以在全局样式中使用,变量使得样式修改起来更加简单。@变量名:值 @border-color : #b5bcc7; .div{border : 1px solid @border-color;} .div{border: 1px solid # ...
(一)mlens图片放大镜 尊重原创:http://www.jq22.com/jquery-info25 1、引入以下的js和css文件 <script type="text/javascript" src="js/jquery-1.8.2.min.js"></script> <script type="text/javascript" src="js/jquery.mlens-1.0.min.js"></script> <style type=" ...
CSS3 Gradient 分为线性渐变(linear)和径向渐变(radial)。 第一个参数:指定渐变方向,可以用“角度”的关键词或“英文”来表示。 第二个和第三个参数,表示颜色的起始点和结束点,可以有多个颜色值。         角度      英文                作用        0deg     to top            由下向上       90deg    to right         由左向右    180deg     to bottom     由上向下    270deg     to left            由右向左     ...

css样式继承

    博客分类:
  • css
CSS样式表继承指的是,特定的CSS属性向下传递到子孙元素。 可继承的样式:红色为文本相关属性,蓝色为列表相关属性。     azimuth, border-collapse, border-spacing,     caption-side, color, cursor, direction, elevation,     empty-cells, font-family, font-size, font-style,     font-variant, font-weight, font, letter-spacing,     line-height, list-style-image, ...
     Array没有indexOf方法,这样在一个数组中查找某个元素的索引时比较麻烦,为了调用方便,于是通过prototype原型扩展了Array.prototype.indexOf(): Array.prototype.indexOf = function(item) { for (var i = 0; i < this.length; i++) { if (this[i] == item) return i; } return -1; }      但是由于Array在javascript1.6版本已经支持Arr ...
http://www.bootcss.com/p/unslider/ 1.首先引入jQuery和Unslider的脚本: <script src="http://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script> <script src="http://www.bootcss.com/p/unslider/unslider.min.js"></script> 2.准备HTML代码创建如下布局: <div class="b ...
Global site tag (gtag.js) - Google Analytics