Ling201509-CSDN博客

原创 CSS让脚部始终在页面底部

让页脚始终在页面底部，不论页面内容是多或者少页脚始终在页面底部。方法一：/*css----------------------------------------------------------------------------------------------------*/body,html { height: 100%; margin: 0;}.wrap {

2016-07-08 14:34:19 1842

canvascanvas只能在标签中定义宽高canvas跟其它标签一样，也可以定义样式，但需要注意的是：canvas的默认宽高为300px* 150px，在css中为canvas定义宽高，实际上定义的是canvas的显示的大小，但针对canvas来说还包括里面的绘制的图像的分辨率的大小。所以在css中定义高宽canvas中绘制的图形可能会变形。因此，我们可以使用以下方式指定大小：// 在标签中指定

2016-06-20 11:49:16 7247

原创函数定义、函数属性和方法

函数函数是定义一次但却可以调用或执行任意多次的一段js代码。通过函数可以封装任意多条语句，而且可以在任何地方任何时候调用执行。函数本身没有运行功能，必须被调用才可以执行。function fn() {//函数声明 console.log("我只有被调用才可以执行！");}fn(); //调用一、函数定义1、函数声明(常用方式):ECMAScript中的函数使用function关键字来

2016-02-04 09:43:23 1095

原创数据类型

数据类型针对原始类型数据，使用值传递方式；针对引用类型数据，使用址传递方式。一、Undefined类型Undefined只有一个值，即undefined。在使用var声明变量，但没有对其初始化时，这个变量的值就是undefined。因为没有初始化的变量会隐时的（自动的）赋值undefined，因此我们没有必要显示的给一个变量赋值为undefined。未初始化的变量和未声明的（不存在的）变量也是

2016-02-02 21:16:30 1470

原创 Array类型、数组创建、数组检测

一、创建数组的基本方式（两种）：1、使用Array构造函数（可以省略new操作符，省略后的效果一样）： var arr = new Array(10); //创建一个length属性值为10的数组 var arr = new Array("哈哈"); //创建一个包含一项，即字符串"哈哈"的数组括号里只有一个数值时，该数值为创建数组元素的个数；两个或多个时，数值为数组的元素2、数

2016-02-02 20:48:41 662

原创 Array的方法

一、转换方法——此方法不会对原数组产生影响。所有对象都有toLocaleString()、toString()、valueOf()方法。toString(); 返回以逗号拼接的字符串。toLocaleString(); 返回本地格式的字符串。valueOf(); 返回的还是数组。join(); 返回按传入符号分割的字符串。1、toString()和valueOf()var arr1 = [

2016-02-02 19:46:27 1402

原创 function和感叹号、小括号、一元操作符

常常在别人的代码中看见自调用函数前加感叹号，一直搞不懂是什么个意思就在网上搜。搜到许多相关的知识点，在此稍稍的整理了一下…首先定义函数方式有两种：1、函数声明：function fn() {}2、函数表达式：var fn = function() {}; 注：构造函数用new关键字调用。function FunctionName() {};//函数名首字母大写var fn = ne

2016-01-28 16:55:55 1091

原创 JavaScript 数据类型、运算符

引入JavaScript外部JS文件内部JS标签给标签添加事件注释//单行注释/* *多行注释 */标识符最常见的标识符就是变量。 JavaScript语言的标识符对大小写敏感（区分大小写）。命名规范：第一个字符可以是任意Unicode字母，以及美元符号（$）和下划线（_）;第二个字符以及后面的字符可以用数字。注： 1. 不允许数字出现在首位； 2.

2015-10-13 21:09:51 436

转载 <!DOCTYPE>声明

DOCTYPE不可怕，但把它拿走，会让你怕了又怕。　　发现很多朋友提出有关DIV+CSS排版问题，以及IE与FF的兼容问题。怎么问的都有，结果就是一个——显示很奇怪，很难调整。我们浏览的大多数网站，或者用Dreamweaver创建一个新的网页文档时，源码的顶部都会有DocType声明，但是很多人没有注意它，甚至在创作时候直接将它删掉，其实这往往就是噩梦的开始。在遵循标准的任何Web文档中，DOCTY

2015-10-11 00:11:30 590

转载 web标准化设计：常用的CSS命名规则

命名时需要注意的点：1.规则命名中，一律采用小写加中划线的方式，不允许使用大写字母或 _ 2.命名避免使用中文拼音，应该采用更简明有语义的英文单词进行组合 3.命名注意缩写，但是不能盲目缩写，具体请参见常用的CSS命名规则 4.不允许通过1、2、3等序号进行命名 5.避免class与id重名 6.id用于标识模块或页面的某一个父容器区域，名称必须唯一，不要随意新建id 7.class用于

2015-10-05 14:45:02 654

原创布局方法

一、浮动与定位二、弹性盒子——最好加指定浏览器前缀将父元素指定为display：box(/inline-box/inline-flex)时，子元素就变为弹性盒子遵循父元素制定的排序方式。不遵循标准流的规则。box-orient: 排列方式 horizontal;横向排列 vatical;纵向排列box-pack: 子元素的对齐方式——基于父元素 start; 从开始位

2015-10-05 13:28:48 1224

转载 Less的引用

Less语法介绍 body { background-color: #eee; } 引入Less语法：<link rel="stylesheet/less" type="text/css" href="styles.less"><script src="less.js" type="text/javascript"></script> 说明： less.js文件必须在引入的les

2015-10-05 13:17:56 2716 1

原创 css3 新增属性

css3 新增属性背景background-origin: 背景图像显示的原点。background-clip 规定背景的绘制区域。 padding-box; 从padding区域（含padding）开始显示背景图像。 border-box; 从border区域（含border）开始显示背景图像。 content-box; 从content区域开始显示背景图像。background-

2015-09-27 17:23:39 1637

原创浏览器兼容、CSS3 选择器

浏览器兼容(1)方法一条件注释法IE大小写无关系1.只在IE中生效2.只在IE6中生效3.只在IE6以上版本生效<!--[if gte IE 6]> 这段文字只在IE6版本

2015-09-27 17:16:56 765

原创浮动与定位、bfc和ifc

浮动与定位浮动清除前面所有元素的浮动对这个元素的影响。 clear: left; right; both; 前面元素哪边浮动就清除哪边，前面所有元素的浮动都清除时用both。定位属性position： static 没有定位（默认） absolute；绝对定位 relative；相对定位 fix

2015-09-27 17:14:53 555

原创 Photoshop——切图小技巧

准备工作把Photoshop功能面板设置成我们前端常用的并保存下来，这样就不用我们每次使用的时候都要花时间再去设置一次了。1、设置标尺单位——CSS里面用的最多的单位是像素(px)，测量和读取的值也都是以像素为单位的值）ps首选项设置：编辑>首选项>单位与标尺——将标尺和文字单位设置为像素2、将面板调整为适合切图——其他不经常用的可关闭在“窗口”菜单下开启：工具、选项、信息(F8)、图层(F7)、

2015-09-19 21:09:48 2867

原创 CSS样式——边框、背景、表格

border 边框属性——应用于所有块级标签行内标签转换为块级标签——display：block；简写顺序border-top-right-bottom-left; border-width-style-color例如：p.abc { border-style:solid botted dashed double;}p.acd { border:3px solid r

2015-09-19 00:49:46 661

原创 CSS——样式表；选择器；优先级

在HTML中加入样式表：【type=”text/css”】将style对象的type属性设置为“text/css”是允许不支持这类型的浏览器忽略样式表单。外部样式表：【要求/推荐使用：方便后期维护以及修改，并可以重复使用在多个网页。】有两种方式： 1、在Web文档的段使用<link>标记,讲一个外部样式表链接到文档中：<head> <link href="url(***.css)" r

2015-09-17 23:01:18 997

原创网页和HTML

网页的构成1、网页的内容*元素的内容是开始标签与结束标签之间的内容2、结构部分**用HTML定义**HTML即超文本标记语言（Hyper Text Markup Language），由互联网标准化组织 W3C（Word Wide Web Consortium）规定。[W3C由大量高科技公司的代表组成，欲了解更多Web标准，请浏览：http://www.w3c.org]用来将文本信息分成标题、作者、章

2015-09-15 21:01:10 1407

原创 Axure 交互设计（2）

1.按钮制作实例方法一：为“圆点”[鼠标单击时]添加事件实例1、编辑条件将变量值设置为“left”——设置移动位置；2、添加变量“wenzi”，默认值为空——给变量配置动作——设置变量值为[部件文字]，选中显示为文字的密码文本框部件；3、设置文本——为其配置动作——选中显示为文字的密码文本框部件——将文本设置为值为“******”；4、添加变量“weizhi”并设置默认

2015-09-12 00:49:13 647

原创 Axure 交互设计（1）

网页交互原稿制作流程1、利用Photoshop、九点切图等软件将网页图片进行切片；2、利用Markman测量标注工具或Photoshop等软件查看图片文本等参考数据；3、在Axure中进行排版制作。设计稿标注测量工具 Markman1、工具组： 2、功能介绍： 1、长度标记快捷键：[L][1] 2、坐标标记快捷键：[P][2]

2015-09-10 19:04:27 1132

Ling201509的博客