常用CSS缩写语法总结

2012-08-27 8 11,239 views

使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则如下: 颜色 16进制的色彩值,如果每两位的值相同,可以缩写一半,例如: #000000可以缩写为#000;#336699可以缩写为#369; 盒尺寸 通常有下面四种书写方法:

其实这里面的多数都是 iOS 上面的代码。其他平台的就没有去验证了。 HTML, 从HTML文档的开始到结束排列: <meta name=”viewport” content=”width=device-width, initial-scale=1.0″/> 让内容的宽度自适应为设备的宽度, 在做Mobile Web时必须加的一条 <meta name=”format-detection” content=”telephone=no”]]> 禁用手机号码链接(for iPhone)

精简 jQuery Mobile CSS样式

2012-06-14 2 11,470 views

jQuery Mobile 这个JS 的库用起来很方便。也是最适合搞前端的人用的 WebApp JS库了。 不过其默认主题的 CSS 让人头疼了。不过官方提供的主题定制工具也就只能定制一下基本的样子了。想要其他效果就得自己清理 CSS 后重新编写了。 我做清理了个简单版的主题 CSS 文件,并提供下载。方便自己已经有兴趣的人做个性化定制用的。 这个 样式表里面只包含 jQuery Mobile 的基本样式,是一个没有包含主题颜色和图片定义的 CSS 文件。方便自己定制  jQuery Mobile 的主题用 … 了解更多

HTML5 的网页代码示例

2011-11-04 2 12,317 views

一直找不到 HTML5 的代码示例就直接写了一个作为备用。 这是一个符合 W3C 标准的 HTML5 的页面基本代码:

再次更新 iPhone CSS 样式

2011-10-11 9 11,118 views

首先是今天是本 Blog 上线 5 周年的纪念日。Blog 5 岁生日快乐!iLost 的 CMS 版在进行语音包的处理,很快就可以发布了。 最近把 iPhone 的样式更新了,主要是正对iPhone 的触摸特性把一些链接的点击区域放大了。iPhone 上由于屏幕限制就主打横屏浏览模式,搜索和分享在竖屏状态下是隐藏了的。 现在直接使用 iPhone 访问本站就可以看到新的针对 iPhone 优化后的主题样式了。

再次更新iPad CSS 样式

2011-09-14 5 1364 views

经过几天的努力,再次把 iPad 的样式更新了,现在搞成类 WebApp 的风格了。竖屏状态下看不到边栏内容,完全是个阅读模式,横屏的时候就可以看到边栏的内容了。直接使用 iPad 访问本站就可以看到了。预览图在这里: 首页: