cherry_vicent的专栏

1、相同点:a） 产生的效果或作用完全相同；b） 至少有一个参数；c） 第一个参数必须有且是一个对象（Object），因为就是这个家伙偷懒。2、不同点: 传递参数的方式。前提:1、有两个对象: A和B；2、B有一个方法（这里用Function代替）；3、B的方法（Function）有两种参数传递的方式，但该方法产生的结果一样。

一、列表1、列表最基本的功能是制作文章的标题，随着css的列表属性被引入，列表的样式被赋予了很多新的属性，甚至超过了其本身的功能限制。例如，使用列表标签制作导航栏2、列表分为3种类型：（1）有序列表（2）无序列表（3）定义列表（即字典列表）3、有序列表：有序列表的标记用表示，每个列表项用表示一般用来描述一些操作步骤有序列表项

CSS3中新增了resize缩放属性，这个属性可以应用到任意元素。目前只有Webkit内核的浏览器才支持这个css3属性，即Google chrome和Apple safari都支持。而textarea标签中，Webkit内核的浏览器会默认resize的值为both，即用户可以调节元素的宽度和高度。如下图就是在Google chrome中我博客的textarea的默认显示，textarea

1、页边距IE默认为10px，通过body的margin属性设置。FF默认为8px,通过body的padding属性设置。要清除页边距，一般应同时清除这两个属性值：body{    padding:0; /* 清除非IE浏览器页边距 */    margin:0; /* 清除IE浏览器页边距 */}2、段间距IE默认为10px，通过p的margin-top、ma

数组1、定义数组的2种写法：（1）var a=[1,2,3]; （2）var a=new Array(1,2,3);这两种方法作用一样，一般用第1种就可以，因为它写起来简单，所有性能略高。2、数组的属性（length）数组的length的功能：既可以获取，又可以设置(即既可读又可写) var arr=[1,2,3,4,5,6]; arr.length=3

1、函数返回值 ( return ) function show() { return 12; }; alert(show()); //弹出12（1）return就是函数返回值，作用把东西返回到函数外面来，在哪调用返回到哪（2）函数不仅可以返回数字，返回字符串，返回算式(如return a+b;求出算式结果，然后把结果给返回出去)（3）函数参数，一次可以

1、javascript是什么根据用户的一些操作，然后来修改页面上的一些元素、属性等。（1）HTML+CSS静态页面，JS给页面添加动的效果（2）网页特效的原理javascript就是修改样式（3）编写JS的流程：【1】布局：HTML+CSS【2】属性：确定要修改哪些属性【3】事件：确定用户做哪些操作【4】编写JS：在事件中，用JS来修改页面元素的样式

二、表单1、表单是网站与用户交互的一座桥梁，通过表单，可以将用户在网页上输入的信息提交到后台数据库，使得信息得以交流。在网站中表单的应用非常广泛，从最简单的采集访问者的名字和调查表再到留言簿，甚至到复杂的博客系统及电子购物系统都大量应用了表单来采集提交的数据2、一个完整的表单在结构上由3部分组成：表单标签、表单域和表单按钮表单基本结构：表单域

用Div+CSS进行网站布局时，做一些浮动层等特殊特殊效果时要考虑到定位问题。这就要用到Position属性等。Position属性有四个值：static、fixed、absolute和relative，后面两个在布局中的定位里是经常用到的，顾名思义，absolute是指绝对定位，即将对象从文档流中拖出，使用left，right，top，bottom等属性进行绝对定

终于彻底明白 position及z-index的用法static : 　无特殊定位，对象遵循HTML定位规则absolute : 　将对象从文档流中拖出，使用left，right，top，bottom等属性进行绝对定位。而其层叠通过z-index属性定义。此时对象不具有边距，但仍有补白和边框relative : 　对象不可层叠，但将依据left，right，to

1.任何元素加上float属性就可以自动变成块级元素2.内联元素你一样可以对它设置padding与margin.只不过它们都不会影响内联元素的line-height.padding对内联元素在x和y方向上都有效.但margin对内联元素只有x轴方向上才有效,y方向上是无效的.3.对内联元素设置宽高不管用4.内联元素变成块状元素有三种方法：     一、为其加上dispaly:b

代码："http://www.w3.org/TR/html4/loose.dtd">无标题文档a:link{color:#FF0000;text-decoration:none;}     a:visited   {color: #FFFF00;  text-decoration:none;}     a:hover   {color:  #00FF00

边距重叠hasLayout 会影响一个盒子和其子孙的边距重叠。根据规范，一个盒子如果没有上补白和上边框，那么它的上边距应该和其文档流中的第一个孩子元素的上边距重叠。垂直外边距合并问题常见于第一个子元素的margin-top会顶开父元素与父元素相邻元素的间距，如果你读过了W3Shcool的CSS外边距合并的文章后，就很容易讨论这个问题了。这个问题发生的原因是根据规范，一个盒子如果

css分页代码集合模板如下翻页上下分页按钮效果一DIV代码： < 1234567...199<a href="#?page=200">200> CSS代码： /* www.divcss5.com公共CSS代码 */BODY {FONT-SIZE: 12px;FONT-

这是隔行变色的效果图制作方法： （1）利用table的背景色模拟表格边框效果 (  )（2）制作静态隔行变色：根据行的奇数和偶数定义不同的背景色 (  class分别为tr_1和tr_2 )，标题另定义背景色 ( tr_title )（3）制作鼠标经过行变色：先定义一个class类，设置鼠标经过时行的变化，如.special{background-color:#85BFDD

1、段落的设置一般，段落排版分为行高、水平对齐、垂直对齐、文本缩进、字母间距、单词间距等内容。（1）行高属性：line-height  属性值：normal、单位数值(如xx像素)（2）水平对齐属性：text-align  属性值：left、right、center、justify(段落两端对齐)（3）垂直对齐属性：vertical-align  属性值

一、数组的深浅拷贝在使用JavaScript对数组进行操作的时候，我们经常需要将数组进行备份，事实证明如果只是简单的将它赋予其他变量，那么我们只要更改其中的任何一个，然后其他的也会跟着改变，这就导致了问题的发生。var arr = ["One","Two","Three"];var arrto = arr;arrto[1] = "test";document.writeln("

大家可能注意到了，网页上有些图片的src或css背景图片的url后面跟了一大串字符，比如：data:image/png;base64,　iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAABIdFAMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHhJREFUeNo8zjsOxCAMBFB/　KEAUFFR0Cbn

一、变量的感化域要懂得闭包，起首必须懂得Javascript特别的变量感化域。变量的感化域无非就是两种：全局变量和局部变量。Javascript说话的特别之处，就在于函数内部可以直接读取全局变量。Js代码　　var n=999;　　function f1（）{　　　　alert（n）;　　}　　f1（）; // 999另一方面，在函数外部天然无法读取函数

有三种方法能够确定浏览器视口的尺寸（浏览器的视口，不包括工具栏和滚动条）。对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari：window.innerHeight - 浏览器窗口的内部高度window.innerWidth - 浏览器窗口的内部宽度对于 Internet Explorer 8、7、6、5：docume

放在里面    向本地 HTML 文件中添加一条“saved from URL”注释，以指示 Internet Explorer 对本地计算机上的 HTML 内容应用其他区域的设置。例如，向一个本地 HTML 文件中添加一条“saved from URL”注释，以便可以将该 HTML 文件分配到 Internet 区域而不是本地计算机区域。   如果网页需要运行

手机站开发过程中，有些条件下我们无从知道开发的前端在不同手机上的展示，还好chrome为我们准备了非常好的工具，这里做下普及，首先，作为前端开发人员，用右键，用“审查元素” 查看每个单元的源码情况。点“sources”面板然后再按“ESC”，看到如下窗口：

在CSS中background-position有对值的设置有两种：一是用数值（绝对的），另一个使用百分比（相对的）。这两种方式会有不同的浏览器兼容问题（主要是IE和FF）。基本代码如下style="overflow-y:scroll;height:300px;" charset="UTF-8"> mag3 rel="stylesheet"

经过多次测试，原来不只在IE6下，在IE7、IE8浏览器下，若是文档使用的是怪异（quirk）模式也会导致这个问题。这也难怪，当IE7、8使用怪异模式时，渲染引擎将以接近IE6的渲染模式来解析CSS。最后，我得出了以下结论：　　 IE6、IE7（quirk模式）、IE8（quirk模式） 浏览器将 'position' 特性的 fixed 值当作错误值处理。从而导致使用固定定位的元素使用 'p

看到的一篇好文章，分享给自己，主要是看起来比较轻松 很容易理解。--------------------------------------------------------------------------今天试着翻译了Peter-Paul Koch这篇文章，希望对大家有所帮助。原文链接：Quirks mode and strict mode 地址是：http://w

CSS编码规范是指比较通用的CSS书写方法。书写方法堆样式本身并没有影响。按照CSS编码规范来书写CSS，会使代码更加便于阅读。使用基本相同的CSS编码规范书写CSS，可以方便其他人的使用。一、CSS基本书写规范　　CSS基本书写规范包括3个方面：基本书写顺序和序号、书写方式和注解。　　基本书写顺序　　在使用CSS的时候，首先，建议使用调用的CSS，而不是把CSS写在H

【背景】如果你是刚进入WEB前端研发领域，想试试这潭水有多深，看这篇文章吧；如果你是做了两三年WEB产品前端研发，迷茫找不着提高之路，看这篇文章吧；如果你是四五年的前端开发高手，没有难题能难得住你的寂寞高手，来看这篇文章吧；WEB前端研发工程师，在国内是一个朝阳职业，自07-08年正式有这个职业以来，也不过三四年的时间。这个领域没有学校的正规教育，没有行内成体系的理论指引，

1、超链接的定义所谓超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，相同网页上的不同位置，一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序2、超链接的分类（1）按使用对象的不同：文本超链接、图像超链接、E-mail链接、锚点链接、多媒体文件链接、空链接等（2）按链接路径的不同：内部链接、锚点链接、外部链接（3）按链接样式是否会产生除本身

浮动 ( float ) 和绝对定位 ( position:absolute )相同点：（1）都是漂起来( 离开原来的位置 )（2）并且都不占着原来的位置不同点：float后，它后面的对象，

一、文本导航栏（1）文本导航栏的效果主要由背景图片和文字的链接效果来控制，  文本导航栏一般使用标签或直接使用标签控制（2）[1]  标签是列表标签，它是将整个导航栏作为一个列表进行整体结构来定义。  [2]  标签仅仅是一个行内元素，没有结构上的意义，仅仅是纯粹地将其中的元素应用样式，所以如果使用标签来定义导航栏，还需要对其添加一定的属性，将它转换为块级元素（即在

1、标签（类型）选择符：就是针对html文档中的标签（哪些html标签应用哪些css样式）              标签{属性：值}           例如：p{font-size:12px;}                    div{background:blue;}2、类选择符：可以自己定义样式，应用于一个或多个网页元素，类在网页中可以出现多次

一、css布局的方式：1、默认的，就是按文档流的顺序，即按html的结构顺序。2、浮动方式：3、定位方式：二、浮动1、浮动是将，块元素的，霸道属性，即独占一行的行为，取消，允许别人与他一行。浮动的核心思想：浮动其实是，这个块，从原来的文档流模式中，分离出来，它后面的对象，就视它不存在。*****浮动口诀：浮动浮动，先浮后动，先

1、兼容问题的由来：（1）浏览器的版本不同新旧版本的浏览器同时存在会导致兼容问题（2）浏览器的兼容问题不同浏览器是由不同的公司开发的，所以在核心架构上有着明显的不同。虽然都以Web标准最为开发基础，但由于结构及开发方式的不同，最终对Web标准的解释会有所区别，这样就导致兼容问题的产生2、需要兼容的浏览器：IE 6 / 7 / 8

1、DOCTYPE的选择也就是文档类型的选择，这决定页面元素和定义的CSS会不会生效。因为在不同的DOCTYPE中，页面中可以使用的HTML元素不同。2、什么是DOCTYPE？DOCTYPE是Document Type（文档类型）的简写，在页面中，用来指定页面所使用的XHTML（或者HTML）的版本。要想制作符合标准的页面，一个必不可少的关键组成部分就是DO

1、CSS 的作用是通过结构语言来实现的，通过结构做桥梁，控制页面内容的显示效果（即表现）2、CSS语法包括3个方面，即选择符、属性、属性值选择符  {  属性：属性值；}说明：（1）属性必须包含在{ }中（2）属性和属性值之间用“：”分隔（3）当有读个属性时，用“；”进行区分（4）在书写属性时，属性之间使用空格、换行等并不影响属性的

1、注释浏览器能读的到，但不会显示出来2、网页主体标记body vlink="访问过的文本颜色" alink="激活的链接文本颜色" leftmargin="左边界" rightmargin="右边界" topmargin="上边界" bottommargin="下边界">3、 字体修饰：（1）标记     文本颜色    英文名称   十六

1、网页布局：（1）网页如何去排版(布局)---传统通过table进行排版----主流是通过xhtml+css布局（2）布局的核心思想：----即过程【1】分析页面结构图【2】选择适合标签来规划我们的内容【3】再通过css来控制这些内容样式（3）布局分析：先从大的区域再到局部区域（4）布局时，可以先输入一些，数字，简单文字说明，占位（将来再用具体

1、网页布局：（1）网页如何去排版(布局)---传统通过table进行排版----主流是通过xhtml+css布局（2）布局的核心思想：----即过程【1】分析页面结构图【2】选择适合标签来规划我们的内容【3】再通过css来控制这些内容样式（3）布局分析：先从大的区域再到局部区域（4）布局时，可以先输入一些，数字，简单文字说明，占位（将来再用具体

一、html标记的类型：单标记与双标记1、单标记（1）单一型，无属性值如： （2）单一型，有属性值。如：2、双标记(3)...    没有属性值。如：...(4)    有属性值。如：......二、HTML标记语法总结：1、双标记：内容2、单标记：3

三、html文档结构1、做网页的----要用html文件----用浏览器打开2、所有html文件都有一个结构（框架、骨架）所有的网页文件，通常由四对标记来构成，文档的骨架，四对基本骨架它们是：                              标题