龙轩 - 博客园

自适应圆角

摘要：前言有时候我们不得不面对圆角，也很傻很天真的认为利用 CSS3 的新特性对浏览器分级支持是最好解决方案，但现实≠理想…需求3px 圆角宽度自适应（随着文字字数扩展宽度并自动换行）换肤不使用图片（对可维护性/性能均有影响）困惑经典的解决方案看起来像这样：代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--!DOCTYPEhtmlhtmlheadmetacontent="text/html;charset=utf-8"http-equiv 阅读全文

posted @ 2010-09-08 13:34 龙轩阅读(279) 评论(0) 推荐(0) 编辑

CssGaga帮助

摘要：下载 CssGaga功能演示视频（未和CssGaga同步更新，不过可以大概看下使用方法）运行环境 Windows XP（需安装Microsoft .NET Framework 3.5）Windows VistaWindows 7注：使用前请更改配置文件操作文件类型.css 文件名必须以“.source.css”结尾，供开发使用（SVN只需托管*.source.css），经... 阅读全文

posted @ 2010-09-08 12:15 龙轩阅读(1417) 评论(1) 推荐(0) 编辑

[转载]优化浏览器渲染

摘要： ISD Webteam的大布同学（twitter：@tc_bryanzhang）牺牲了自己大量的xx时间翻译了Page Speed系列中的Optimize browser rendering，因其blog还在重新打造当中，所以偶这里先转载了，以下是翻译全文：优化浏览器渲染资源被下载到客户端后，浏览器仍需加载，解释，并渲染HTML、CSS和Javascript代码。只需利用现有浏览器的特性简单地... 阅读全文

posted @ 2010-09-08 12:10 龙轩阅读(674) 评论(1) 推荐(0) 编辑

图片垂直居中于Div层中.

摘要：经常有人问这个问题今天整理下待以后复习代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--.box{/*非IE的主流浏览器识别的垂直居中的方法*/display:table-cell;vertical-align:middle;/*设置水平居中*/text-align:center;/*针对IE的Hack*/*display:block;*font-size:175px;/*约为高度的0.873，200*0.873约为175*/*font-fa 阅读全文

posted @ 2010-09-08 00:26 龙轩阅读(231) 评论(0) 推荐(0) 编辑

基于css的表单模板

摘要：代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--/*Generalstyles*/body{margin:0;padding:0;font:80%/1.5Arial,Helvetica,sans-serif;color:#111;background-color:#FFF;}h2{margin:0px;padding:10px;font-family:Georgia,"TimesNewRoman",Times,serif;font-size:2 阅读全文

posted @ 2010-09-07 11:39 龙轩阅读(1803) 评论(0) 推荐(0) 编辑

前端制作的一些技巧分享

摘要：在看这篇文章之前，我们先读一个笑话： "小沈阳"版设计师 1.做图其实可痛苦的了……设计一做一改，一天就过去了；嚎~设计再一改一调，整个晚上就过去了；嚎~ 2.做图最痛苦的事儿是啥，知道不？就是，图没做完，设计又改了； 3.做图最最痛苦的事儿是啥，知道不？就是，图好不容易做完了，方案全改了； 4.做图最最最痛苦的事儿是啥，知道不？就是，图做完了，狗日的客户跑了； 5.做... 阅读全文

posted @ 2010-09-07 11:36 龙轩阅读(206) 评论(0) 推荐(0) 编辑

如何去除点击链接时出现的虚线框

摘要：有时候在一个页面用到收放功能的时候时，总有一个虚线框在触发收放的功能按钮上，显得特别刺眼，那如何去除这个虚线框呢？虽然从可用性的角度，隐藏虚线框的做法会让键盘偏执狂不满。但从视觉上，有时候虚线框确实影响美观。方法一：IE 下可使用其私有的html属性：hideFocus，在标签的结构中加入 hidefocus=”true” 属性。即：[代码]而在 Firfox 浏览器中则相对比较容易，直接给标签 a 定义样式 outline:none; 就可以了，即：[代码]方法二：也可以仅用 CSS 来控制，即对 IE 的情形使用 expression 表达式，但不推荐使用，毕竟 expression 在性阅读全文

posted @ 2010-09-07 11:27 龙轩阅读(407) 评论(0) 推荐(0) 编辑

龙轩