CR的代码文本

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

随笔分类 -  CSS/DHTML

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

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

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

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

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

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

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

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

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

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

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

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

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

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

摘要:内容主要来自: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)

摘要:圆角是网页制作大杀器之一。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)

摘要:内容主要来自: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)

摘要:内容主要来自: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)

摘要: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)

摘要:由于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)