CR的代码文本

all for learning about the world
  订阅 订阅  :: 管理

随笔分类 -  CSS/DHTML

为照顾IE6尽量不要margin和padding

摘要：替代方案的三个属性是：positivelefttop 阅读全文

posted @ 2010-06-24 13:08 mumuliang 阅读(272) 评论(0) 推荐(0)

ECMAScript

摘要：有 3 种不同的 JavaScript 版本同时存在：Netscape Navigator 3.0 中的 JavaScript、IE 中的 JScript 以及 CEnvi 中的 ScriptEase。1997 年，JavaScript 1.1 作为一个草案提交给欧洲计算机制造商协会（ECMA）。在接下来的几年里，国际标准化组织及国际电工委员会（ISO/IEC）也采纳 ECMAScript 作为标... 阅读全文

posted @ 2010-06-23 14:32 mumuliang 阅读(509) 评论(0) 推荐(0)

ASP和Javascript的猫腻

摘要：ASP是使用javascript或vbscript的服务器端脚本。嗯，END。滚床。 阅读全文

posted @ 2010-06-22 01:42 mumuliang 阅读(233) 评论(0) 推荐(0)

图片上的热区

摘要：<imgsrc="/i/eg_planets.jpg"border="0" usemap="#planetmap"alt="Planets" /><map name="planetmap" id="planetmap"><areashape="circle"coords="180,139,14"href ="/example/html/venus.html"targe... 阅读全文

posted @ 2010-06-22 01:04 mumuliang 阅读(260) 评论(0) 推荐(0)

表单

摘要：<form action="/example/html/form_action.asp" method="get"><p>First name: <input type="text" name="fname" /></p><p>Last name: <input type="text" name="lname" /></... 阅读全文

posted @ 2010-06-22 00:58 mumuliang 阅读(367) 评论(0) 推荐(0)

字符串对象的属性

摘要：var str = "我是个字符串"; str.length 几个字返回几，跟中文英文无关，没有一个中文字的长度为2的说法。（待测试）str.charAt(i) 返回第i+1个charstr.indexOf('是') 返回该字符第一次出现的位置。从0开始。如不在str中，返回-1.str.lastIndexOf('是') 返回该字符最后一次出现的位置。str.substring(m,n) 返回... 阅读全文

posted @ 2010-06-21 23:41 mumuliang 阅读(321) 评论(0) 推荐(0)

访问DOM节点

摘要：DOM 文档对象模型简单而言HTML的标签都可看做一个DOM对象(节点)。访问DOM节点方法有2：1、getElementById( id );2、getElementByTagName( tag );第二个是以标签名，譬如段落p，链接a，选中页面中所有该类对象/节点。-----------------------------------------------------------------... 阅读全文

posted @ 2010-06-21 23:26 mumuliang 阅读(360) 评论(0) 推荐(0)

在HTML中插入Javascript

摘要：<html><body><script type="text/JavaScript"><!--document.write("我是菜鸟我怕谁!");//--></script></body></html> <!-- -->里的内容对于不支持JavaScript的浏览器来说就等同于一段注释（HTML注释）... 阅读全文

posted @ 2010-06-21 22:29 mumuliang 阅读(4397) 评论(0) 推荐(0)

[藏]浅谈4种常见的浏览器内核

摘要：浏览器最核心的部分是渲染引擎（Rendering Engine），我们一般习惯称之为“浏览器内核”，其负责解析网页语法（如HTML、JavaScript）并渲染、展示网页。因此，所谓的浏览器内核通常也就是指浏览器所采用的渲染引擎，渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法的解析也有所不同，因此同一网页在不同的内核浏览器里的渲染、... 阅读全文

posted @ 2010-06-21 18:21 mumuliang 阅读(261) 评论(0) 推荐(0)

CSS3.0青蛙(1)

摘要：一个简化版。完全木有使用渐变和阴影，也没使用keyframes。只用到了圆角border-radius和变换transform。哈哈。。好玩儿。浏览器效果如下。将以下代码另存为htm即可：[代码] 阅读全文

posted @ 2010-05-18 22:53 mumuliang 阅读(386) 评论(0) 推荐(0)

多拉A梦的CSS(6) - :not

摘要：E:not(s) 匹配不符合当前选择器的任何元素太久了，不想说了。E.N.D. 阅读全文

posted @ 2010-05-18 16:58 mumuliang 阅读(219) 评论(0) 推荐(0)

多拉A梦的CSS(5) - keyframes

摘要：内容主要来自：http://dev.w3.org/csswg/css3-animationscss3.0草案中使用keyframe来完成一些简单的动画。例如Safari中如下效果：代码如下：[代码] firefox不支持keyframes。 阅读全文

posted @ 2010-05-18 16:56 mumuliang 阅读(422) 评论(0) 推荐(0)

多拉A梦的CSS(4) - gradient

摘要：内容主要来自：http://dev.w3.org/csswg/css3-images/#gradients- 准备： Safari中的 color-stop 语法：color-stop（stop, color） 参数：stop，值为百分比或0-1之间的一个十进制数。表示color的位置位于整个渐变路径的相对位置。color，表示在stop处出现的颜色。圆角、渐变、阴影三大大杀器之一渐变的解决方案... 阅读全文

posted @ 2010-05-18 16:26 mumuliang 阅读(411) 评论(0) 推荐(0)

多拉A梦的CSS(3) - border radius

摘要：圆角是网页制作大杀器之一。border radius就是大杀器的克星。基本新建一htm，并复制以下代码。<style type="text/css">.showbox {width:150px;height:150px;margin:100px;border:1px green solid;-webkit-border-radius:30px; /*for Safari*/-moz-... 阅读全文

posted @ 2010-05-18 12:17 mumuliang 阅读(305) 评论(0) 推荐(0)

多拉A梦的CSS(2) - box shadow

摘要：内容主要来自：http://dev.w3.org/csswg/css3-background/#box-shadowhttp://www.css3.info/box-shadow-back-on-the-menu-and-other-updates/最近的（5月5号）editors draft弱弱地建议，在正式规范出来之前已然可以使用box-shadow属性（当然ie是不行的了）。这个不正式的草案... 阅读全文

posted @ 2010-05-18 11:31 mumuliang 阅读(281) 评论(0) 推荐(0)

多拉A梦的CSS(1) - Transform

摘要：内容主要来自：http://www.the-art-of-web.com/css/css-animation/简介transform通过平移、旋转等方法来定义页面元素的外观。在页面rendered之前，css文件中transform定义的外观就被apply了，因此页面上是看不到animatioin的。不过你也可以通过mouseover等。。。嗯，你知道的。水果公司要求对transform对3d的支... 阅读全文

posted @ 2010-05-17 19:08 mumuliang 阅读(424) 评论(0) 推荐(0)

检验CSS3.0兼容性的有趣东东

摘要：http://fooltiger.erufa.com/dora_css3.html各浏览器结果如下下回分析分析源码嗷嗷~多拉A梦的CSS(1) - transform多拉A梦的CSS(2) - box shadow多拉A梦的CSS(3) - border radius多拉A梦的CSS(4) - gradient多拉A梦的CSS(5) - keyframes 多拉A梦的CSS(6) - :not 阅读全文

posted @ 2010-05-17 17:56 mumuliang 阅读(279) 评论(0) 推荐(0)

关于a元素的伪类

摘要：由于CSS优先级的关系(后面比前面的优先级高)，在写a的CSS时，一定要按照a:link{}a:visited{}a:hover{}a:actived{}的顺序书写。 阅读全文

posted @ 2010-03-11 13:51 mumuliang 阅读(394) 评论(0) 推荐(0)

写在一起和分开写的效果

摘要：IE7、IE8对css文件中 tr td { padding:0px; } th{ padding:0px; } 和 tr td th{ padding:0px; } 的解释有所不同。 后者，认不出th的样式。 FF未测试。 哈哈哈。。笔者当年真的不是前端程序员啊。。2016/8/22 阅读全文

posted @ 2010-03-11 11:36 mumuliang 阅读(258) 评论(0) 推荐(0)