随笔分类 -  HTML/DHTML

CSS+DIV技巧两则(居中,高度自适应)
摘要:怎样使一个层水平居中于浏览器中<style type="text/css"><!-- div { position:absolute; left:50%; margin:0 0 0 -100px; width:200px; height:200px; border:1px solid red; }--></style><div>web标准常见问题大全... 阅读全文
posted @ 2008-04-04 16:35 不做懒人 阅读(2489) 评论(2) 推荐(0)
正则表达式替换字符串的一个技巧 --- 可用于关键词变红色
摘要:前两天碰到一个问题,就是想把一段文本中满足正则表达式匹配的所有项都用红色标记,醒目显示。如果,要匹配的是一个固定的关键词,replace方法就可以轻松解决了,如果是多个匹配项,或者干脆是正则表达式匹配,那就只能想其他的办法了。于是,看了js的正则帮助文档,使用如下的方法解决了问题。js关键语句如下:var origstr = "";//原始字符串var reg = new RegExp("正则表达... 阅读全文
posted @ 2008-04-04 16:00 不做懒人 阅读(1547) 评论(1) 推荐(0)
[转载]2006年优秀网页UI设计风格剖析
摘要:很高兴看到2006年的网站设计比以往任何时候都要好。这并不仅仅是因为现在有更多的网站,所以比较容易找到更多设计得不错的,事实上还是有很多设计得不好的页面。我认为优秀网页越来越多是因为有更多的网页设计师比以往更懂得该如何做设计。 阅读全文
posted @ 2007-05-30 23:55 不做懒人 阅读(943) 评论(4) 推荐(0)
[转载]网页设计技巧系列之文本排版
摘要:大家仔细看下面第一张图,前三个图是行距的问题,后两个是字数的问题。 行距的问题 第一个太挤了,都粘在一起了,这样眼睛在看这个文本的时候会需要花点时间去分辨,这样的排版会让读者看得很累。很不舒服。大家看一下自己手头上所做文本的是不是太挤了,如果是那就改一下吧! 第二个是比较适中的,由于每行分得很清楚,这样看起来有很强的识别性。 第三个是比较宽的,松了一点,这样看起来也很清楚,但是当你的文章不是一两... 阅读全文
posted @ 2007-05-30 23:43 不做懒人 阅读(547) 评论(3) 推荐(0)
[转载]网页布局的四种基本型与十二种混合型
摘要:通过上面的十六个布局我们可以扩展出更多的布局形式。比如通过增加区块、通过不同的区块比例关系,来产生不同的布局应用。 布局绝对影响网站的整体效果,其中最重要的因素就在于布局这些区块的比例上。我在上次的文章中谈到“黄金分割比”、“九宫格”,通常黄金分割计算起来比较麻烦,我个人是比较喜欢用九宫格,因为只要基本符合九宫的四个核心点就可以了,不必要深究。 上图的左右布局如果是平分的话很显然就不明重... 阅读全文
posted @ 2007-05-30 23:41 不做懒人 阅读(451) 评论(0) 推荐(0)
[总结]细线表格制作技巧-表格边框样式设置集锦
摘要:看到不少朋友在问细线表格如何设置,虽然简单,偶还是总结一下拿出来,也方便新手学习。缺陷失误之处请大家指点,谢谢! 阅读全文
posted @ 2006-11-20 10:07 不做懒人 阅读(11880) 评论(7) 推荐(0)
发现一个很全面的网络基础技术学习网站
摘要:W3POP.com 是集 学习、交流、应用 于一体的网络技术型站点... http://www.w3pop.com/ 原网站地址:http://www.netvtm.com/w3/index.htm(可以看中英对照,一则可以看他翻译的对不对,二则对学英语也有帮助哦) 该网站是翻译一个英文网站http://www.w3schools.com/。 ●广泛而又系统的学习有关网络技术的方方面面... 阅读全文
posted @ 2006-10-16 13:39 不做懒人 阅读(1421) 评论(0) 推荐(0)