天叶部落

一个80后生人的闷骚生活

圆角

Html

代码<div class="rec-t"><span class="l"></span><span class="r"></span></div>
<div class="rec-b"><span class="l"></span><span class="r"></span></div>


Css

代码.rec-t,.rec-b{height:3px; width:100%; overflow:hidden;}
.rec-t span,.rec-b span{background:url(../images/cssbg.png) no-repeat; display:block; width:3px; height:3px;}
.rec-t span.l,.rec-b span.l{float:left; margin-right:-3px;}
.rec-t span.r,.rec-b span.r{float:right; margin-left:-3px;}
.rec-t span.l{background-position:0px 0px;}
.rec-t span.r{background-position:0px 0px;}
.rec-b span.l{background-position:0px 0px;}
.rec-b span.r{background-position:0px px;}


图片是4个圆角组成的圆
Tags: 圆角  Css  xhtml  代码片段  初始CSS  
阅读全文 | 分类:Xhtm/Css | 评论:0 | 引用:0 | 浏览:

2010-1-9 by 叶梓2009年的自我总结

JavaScript 学了一点,买了本大头书,很厚啊,快1000页,到现在才看了1/10,不过倒是对JavaScript更了解了一点,至少现在看JavaScript不会看不懂了,分析一下也就能看懂别人的代码了,嘿嘿,会改别人的代码了。

接触了一下JQ,果然很强大,很喜欢用里面的选择器,非常非常的方便,虽然现在用的还不是很熟悉,主要是因为工作条件不允许,现在的项目用JQ 纯属浪费资源,用不到。

Css还是老样子,不过对代码结构更熟悉了一点,现在做页面可以不用hack也能兼容所有的浏览器了。总结了一些代码片段,哈,用代码片段对写html很有帮助啊,大大的提高工作效率,现在基本上1天半就能切个网站出来。过段时间我把代码片段给放出来,留个档。

Tags:
阅读全文 | 分类:SuoSui | 评论:0 | 引用:0 | 浏览:
为什么会出现RDFa这个东西呢?
现在的互联网主要是为人类的使用而创造的,虽然机器可读的数据是互联网上最先出现的,但是这些机器可读的数据一般是以单独的文件和单独的格式被发布在互联网上的,机器可读的和人类可读的数据之间的关联是相当少的。结果就是现在的浏览器在解析和处理web数据上的能力很差,因为浏览器只负责展示这些信息。
Tags: xhtml  
阅读全文 | 分类:Xhtm/Css | 评论:2 | 引用:0 | 浏览:

2009-8-1 by 叶梓就这样吧

就这样吧,不想了,想也想不出个所以然,还是顺其自然吧。

That's it,I'll stop thinking,

Tags:
阅读全文 | 分类:SuoSui | 评论:0 | 引用:0 | 浏览:

2009-7-28 by 叶梓display:inline-block

两个内联对象

提示:您可以先修改部分代码再运行


一个内联对象,一个块对象

提示:您可以先修改部分代码再运行

Tags: Css  
阅读全文 | 分类:Xhtm/Css | 评论:0 | 引用:0 | 浏览:

代码-moz-border-radius: 15px;
-webkit-border-radius: 15px;


-moz(例如 -moz-border-radius)用于Firefox
-webkit(例如:-webkit-border-radius)用于Safari和Chrome。
Tags: Css  Css3  
阅读全文 | 分类:Xhtm/Css | 评论:0 | 引用:0 | 浏览:

2009-7-21 by 叶梓HTML中判断IE版本

HTML 的注释格式是 , IE 对HTML注释做了一些扩展,使之可以支持条件判断表达式:
当表达式expression 为True 的时候,显示 HTML 内容。

代码<!--[if IE 5]>
<p>Welcome to Internet Explorer 5.</p>
<![endif]-->

Tags: xhtml  
阅读全文 | 分类:Xhtm/Css | 评论:0 | 引用:0 | 浏览:

2009-7-2 by 叶梓测试你的智商

全部39道题目算完后,按右下角的“Submit”按纽,可以得到您的智商哦,据说爱因斯坦的智商有160,算算您和天才差多远。

Tags:
阅读全文 | 分类:SuoSui | 评论:0 | 引用:0 | 浏览:

模 块化是指解决一个复杂问题时自顶向下逐层把软件系统划分成若干模块的过程。每个模块完成一个特定的子功能,所有的模块按某种方法组装起来,成为一个整体, 完成整个系统所要求的功能。模块具有以下几种基本属性:接口、功能、逻辑、状态,功能、状态与接口反映模块的外部特性,逻辑反映它的内部特性。在软件的体 系结构中,模块是可组合、分解和更换的单元。

Tags:
阅读全文 | 分类:Xhtm/Css | 评论:0 | 引用:0 | 浏览:

2009-6-29 by 叶梓乱七八糟的念头

想写些什么东西,但是事到临头却一片空白,只能用零碎的词组表达了。

变形金刚2,外包,网站,css,框架,JQ,女人,蓝色理想,吃宵夜,米粉,灵动,天意,活着为什么,心如止水啊,跨一步超脱世俗,懒,心动,飞鱼秀,文蕊,绿小千,叶**

Tags:
阅读全文 | 分类:SuoSui | 评论:1 | 引用:0 | 浏览:

2009-6-9 by 叶梓简单解读面包屑

很久很久以前,在大森林的边上住着一个贫穷的樵夫,他妻子和两个孩子与他相依为命。他的儿子名叫汉赛尔,女儿名叫格莱特。后来樵夫的妻子去世了,他 又给孩子们娶了一个后母。后母计划把两个孩子带到森林的深处,然后趁他们睡着的时候跑掉。汉赛尔无意中知道了后母的计划,于是偷偷地把一块面包藏在了口袋 里。

在去森林的路上,汉赛尔悄悄地捏碎了他的面包,并不时地停下脚步,把碎面包屑撒在路上。后母顺利地趁孩子们睡着的时候溜掉了,汉赛尔和格莱特醒来已 是一片漆黑。汉赛尔安慰他的妹妹说:“等月亮一出来,我们就看得见我撒在地上的面包屑了,它一定会指给我们回家的路。”但是当月亮升起来时,他们在地上却 怎么也找不到一点面包屑了,原来它们都被那些在树林里、田野上飞来飞去的鸟儿一点点地啄食了。

这是《格林童话》中所描述的与面包屑有关的故事。不知道从哪一天开始,汉赛尔的面包屑开始悄悄地出现在某个网站的导航位置上,然后迅速地撒遍了全世界,变成了今天大家所熟知的“面包屑导航”。

Tags:
阅读全文 | 分类:SheJi | 评论:0 | 引用:0 | 浏览:

2009-6-8 by 叶梓iframe自适应高度

代码<iframe id="frame_content" width="100%" src="xxx.html" scrolling="no" frameborder="0" onload="this.height=1549"></iframe>
<script type="text/javascript">
function reinitIframe(){
var iframe = document.getElementById("frame_content");
try{
var bHeight = iframe.contentWindow.document.body.scrollHeight;
var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
var height = Math.max(bHeight, dHeight);
iframe.height = height;
}catch (ex){}
}
window.setInterval("reinitIframe()", 200);
</script>

From http://ued.koubei.com/ By 大米
Tags: javascript  
阅读全文 | 分类:Javascript | 评论:0 | 引用:0 | 浏览:

出自 http://wlog.com.cn/?p=1286

一、IE网页调试插件

IE Developer Toolsbar

IE下的FireBug.HTML及CSS调试工具

http://www.windowsmarketplace.com/details.aspx?itemid=2695980

Microsoft Script Debugger

Companion.JS 需要安装Microsoft Script Debugger才可

Companion.JS

IE下的javascript调试工具.

http://www.my-debugbar.com/wiki/CompanioNJS/HomePage

SuperPreview

主要用于html、css的调试和各个浏览器(目前只能针对IE6-IE8)的页面呈现测试

http://download.microsoft.com/download/5/6/8/568F0D28-0434-4794-B7FC-FB293BCC98FB/SuperPreview_Trial_en.exe

IETester-同时拥有IE6、IE7、IE8(Vista兼容)

http://www.my-debugbar.com/wiki/IETester/HomePage

二、firefox网页调试插件

FireBug

firefox下一套强大的网页开发调试工具

https://addons.mozilla.org/en-US/firefox/addon/1843

Web Developer

FireFox下的查看工具,可以查看JS,CSS等页面信息

https://addons.mozilla.org/en-US/firefox/addon/60

YSlow

why slow 页面性能优化查看器.基于FireBug

http://developer.yahoo.com/yslow

Javascript Debugger

FireFox下的javascript调试工具,比FireBug有更强大的调试功能.

https://addons.mozilla.org/en-US/firefox/addon/216

Opera Developer Tools

三、其它

Opera下的DOM,CSS查看工具,类似FireBug.

http://dev.opera.com/articles/view/opera-developer-tools/

webkit

Safari下的开发调试工具

http://nightly.webkit.org/

Fiddler

一个很强大的http流查看工具

http://www.fiddlertool.com/fiddler/

Httpwatch

数据分析工具,头消息接受/发送的查看,POST数据查看.等等

http://www.httpwatch.com

Tags:
阅读全文 | 分类:Xhtm/Css | 评论:0 | 引用:0 | 浏览:

2009-6-8 by 叶梓比较Yslow评分

雅虎 Yslow评分:A-96分
作为插件的开发者yahoo,并不诧异他们为何取得如此高的评分。
首先,他们使用了CDN(Content Delivery Network)技术,让用户可以就近取得所需的内容,解决网络拥挤的状况,提高用户访问网站的响应速度;其次,yahoo在ETags配置上也有独特之 处,声明过期,就是说,用户从服务器取数据的时候,如果文件变化了,给他反馈新的文件,如果文件没有变化,只需告诉客户端没有变化即可,不必再把文件取回 来,这样就节省了大量的网络带宽和资源。
另外,我曾经认为所有的JS脚本都要放到页面底部最后加载,参考雅虎的代码结构后才发现,并不完全是这样,只要将那些在加载过程中要执行的脚本放到底部,就可以实现最大的下载并行。

Tags:
阅读全文 | 分类:Xhtm/Css | 评论:0 | 引用:0 | 浏览:

2009-5-24 by 叶梓涟漪

一颗石子投入心田,激起一丝涟漪,涟漪不大,却能扰乱心境,心境乱了,思想也就乱了。从此眼中再无真实之物,

心乱,人假,无法分辨。

发呆,神游,漫无目的。

风乍起,吹皱一池春水。间引鸳鸯芳径里,手挼红杏蕊。斗鸭阑干独倚,碧玉搔头斜坠。终日望君君不至,举头闻鹊喜。

Tags:
阅读全文 | 分类:SuoSui | 评论:0 | 引用:0 | 浏览:

Copyright © 2008-2009 www.HeavenFoliage.cn, All rights reserved

Powered By Z-Blog 1.8 Spirit Build 80605  沪ICP备08021113号