文章分类 -  css javascript

摘要：一、字体与字符显示的关系这里左右方向的尖角，字体为宋体：<> 不受字体影响型：＜＞这里左右方向的尖角，字体为Arial：<> 不受字体影响型：＜＞这里左右方向的尖角，字体为Lucida Sans Unicode：<> 不受字体影响型：＜＞这里左右方向的尖角，字体为Times New Roman：<> 不受字体影响型：＜＞这里左右方向的尖角，字体为Verdana：<> 不受字体影响型：＜＞这里上下方向的尖角，字体为宋体，小尖角：ˇ^ 不受字体影响型：∧∨这里上下方向的尖角，字体为Arial，小尖角：ˇ^ 不受字体影响型：∧∨这里上下方向 阅读全文

摘要：话说，山顶角就是下图中你无视美女图片、无视那些含有YY倾向的文字所剩下的那个角角。（图片来自人人网）不过人人网的这个山顶角是一张小图片：很小的一张图片并且想必也不会经常去修改这个图片吧，不过不知道人人网为什么没有使用CSS Spirit技术（同是这个页面，有好几处采用了CSS Spirit技术）；也不管它是为什么了，现在说说使用纯CSS怎么实现那个角角了。一、边框上图的那个山顶角就是通过边框的方法实现的，有点粗糙，大家凑合这看吧…看一段TEST CODE：<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"& 阅读全文

摘要：我们将在本文中介绍一些关于页面构建常用的一些小工具,大部分是基于firefox的插件,通过这些小工具可以让我们在页面构建中事半功倍.页面bug调试工具–Firebug实时测量工具–Measureit实时颜色选取工具–ColorzillaSEO优化工具–SenSEOCSS使用效率优化工具–CSS usage网页截图存储工具–Pearl crescent page saver basicHTML页面与设计稿比对工具–Pixel perfect本地调试页面样式利器–FiddlerDNS刷新工具–DNS flusher网页评级工具–Yslow页面构建必备工具 — Firebug相信每个页面构建的同学都 阅读全文

摘要：CSS Lint,lint是线头的意思，大概意思就是说要找出我们写的css代码里的一些线头，help you code better!CSS Lint的检测规则包括错误的和警告，当选择器或属性书写不正确、漏掉了大括号、多写了分号等时，会提示解析错误，解析错误优先提示。为了让css代码拥有更好性能，更标准，CSS Lint还默认有如下规则：1.不要使用多个class选择元素，如a.foo.boo，这在ie6及以下不能正确解析2.移除空的css规则，如a{}3.正确的使用显示属性，如display:inline不要和width，height，float，margin,padding同时使用，dis 阅读全文

摘要：两个同级的div,div1,div2;div2有个儿子为div2_1;一． 在没有Div2_1的情况下（1） 没有设置postion属性，则按照正常的文档流显示，如果div2设置margin-top:-20px;div1会被挡在下面。即后出现的会在上面。（2） Div1设置postion属性，而div2不设置postion属性，当div1设置的position值为relative 或者absolute的时候，在各大浏览器是如下结果（这里只说元素层叠，即哪个在上，哪个在下）：当div1的z-index的值设为正数的时候，div1在上方，当z-index的值是负数的时候，div1在下方；而当div 阅读全文

摘要：属性：Attributes 存储节点的属性列表(只读)childNodes 存储节点的子节点列表(只读)dataType 返回此节点的数据类型Definition 以DTD或XML模式给出的节点的定义(只读)Doctype 指定文档类型节点(只读)documentElement 返回文档的根元素(可读写)firstChild 返回当前节点的第一个子节点(只读)Implementation 返回XMLDOMImplementation对象lastChild 返回当前节点最后一个子节点(只读)nextSibling 返回当前节点的下一个兄弟节点(只读)nodeName 返回节点的名字(只读)nod 阅读全文

摘要：Node的种类一共有12种，通过Node.nodeType的取值来确定(2010-11-25 22:21:44)转载标签： nodenodetype种类杂谈由于DOM是树形结构，所以一个节点被抽象为对象Node，这是DOM的核心对象：Node的种类一共有12种，通过Node.nodeType的取值来确定（为1-12），分为： Js代码 Node.ELEMENT_NODE (1) Node.ATTRIBUTE_NODE (2) Node.TEXT_NODE (3) //<![CDATA[ ]]>中括着的纯文本，它没有子节点Node.CDATA_SECTION_NODE (4) //子 阅读全文

摘要：一、简介 1.1、概述 随着WEB2.0及 ajax思想在互联网上的快速发展传播，陆续出现了一些优秀的Js框架，其中比较著名的有Prototype、YUI、jQuery、mootools、 Bindows以及国内的JSVM框架等，通过将这些JS框架应用到我们的项目中 引用能够使程序员从设计和书写繁杂的JS应用中解脱出来，将关注点转向功能需 求而非实现细节上，从而提高项目的开发速度。 jQuery是继prototype 之后的又一个优秀的Javascript框架。它是由 John Resig 于 2006 年初创建的，它有助于简化 JavaScript™ 以及Ajax 编程。有人使用这样的一比喻 阅读全文

摘要：var animal = function(){ //这就是constructor function 了 this.name = 'pipi'; this.age = 10; this.height = 0; } //建立一个动物的实例 var a1 = new animal (); 构造函数与其他普通函数区别在于，1.构造函数里有 this关键字，2.调用构造函数是使用的new关键字。通过new运算符调用构造函数animal 后，系统就会返回一个对象，这个对象就相当于js 代码var a1 = { name:'pipi' ,age:10,height:0 } 阅读全文

摘要：Prototype Chaining让我们用默认的方法来实现继承。前面的教程我们知道了每个函数都有prototype属性，当函数被new操作符调用，一个对象就被创建了并且这个对象关联到了prototype对象。是怎样关联的？其实是通过_proto_(在有些环境叫_proto_)，通过它的链接就可以使新建的对象访问prototype对象了。prototype本身就是个对象，因此它也可以链接到自身的prototype，也就是Prototype链。Prototype Chaining的例子用prototype chaining实现继承,先定义三个构造函数Js代码 function Shape(){ 阅读全文

摘要：只有 IE 和 Opera 支持使用 currentStyle 获取 HTMLElement 的计算后的样式标准参考•问题描述•造成的影响•受影响的浏览器•问题分析•解决方案•参见标准参考DOM-2 Style 描述了在 ViewCSS 接口中使用 getComputedStyle 获取一个元素计算后的样式（即受该元素的默认样式、HTML 属性、样式表规则和行内样式影响后的最终计算样式）的方法，其语法为：CSSStyleDeclaration getComputedStyle(in Element elt, in DOMString pseudoElt);该方法的第一个参数为要获取计算后的样式 阅读全文