happily

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::

2013年5月16日

摘要: 网页设计在初始要界定出网页的尺寸大小.就像绘画给出一块画版来.这样才能方便设计. 网页的尺寸受限于两个因素:一个是显示器屏幕.显示器现在种类很多,以17寸为主流, 正在朝19寸及宽屏的方向发展.但目前也有为数不少的15寸显示器.另一个是浏览器软件,就是我们常用的IE,遨游,Friefox等. 高度: 高度是可以向下延展的,所以一般对高度不限制. 对于一屏来说,一般没有一个固定值,因为每个人的浏览器的工具栏不同,我见过有的浏览器工具栏被插件占了半个屏幕,所以高度没有确切值。 宽度: 1、在IE6.0下,宽度为显示器分辨率减21,比如1024的宽度-21就变成1003。但值得注意的是IE6.0(或 阅读全文
posted @ 2013-05-16 10:29 happily 阅读(1314) 评论(0) 推荐(0) 编辑

2013年5月6日

摘要: https://github.com/linder0209/web-ui-platform 阅读全文
posted @ 2013-05-06 16:15 happily 阅读(157) 评论(0) 推荐(0) 编辑

2013年4月27日

摘要: 几乎所有浏览器均 支持tabindex 属性,除了 Safari今天有缘让我了解到tabindex在Safari的执行状态, 虽然这是美国同事给我提的一个bug,但是在今后的工作中还是应该注意和提前避免以下。Tabindex带有指定 tab 键顺序的链接.浏览器支持几乎所有浏览器均 支持tabindex 属性,除了 Safari。定义和用法tabindex 属性规定元素的 tab 键控制次序(当 tab 键用于导航时)。提示和注释注释:以下元素支持 tabindex 属性:<a>, <area>, <button>, <input>, <o 阅读全文
posted @ 2013-04-27 12:29 happily 阅读(719) 评论(0) 推荐(0) 编辑

2013年4月26日

摘要: 1.http://www.bootcss.com/ 简洁、直观、强悍的前端开发框架,让web开发更迅速、简单。2.http://bootswatch.com/js 网站收集1.www.jqueryui.com2.http://addyosmani.github.io/jquery-ui-bootstrap/extra.html?repeat=onjqueryUI和bootstrap的结合3.前端技术汇总: http://123.jser.us/4.http://www.jqapi.com平面设计网站收集:1.http://www.enet.com.cn/eschool/zhuanti/shi. 阅读全文
posted @ 2013-04-26 15:51 happily 阅读(1328) 评论(0) 推荐(1) 编辑

摘要: 一关于手机页面的标准头<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />字符编码使用utf-8<meta http-equiv="Cache-Control" content="no-cache"/>指定页面手机内存缓存中的存储时间段<meta name="viewport" content="width=device-width; initial-scale=1.0; 阅读全文
posted @ 2013-04-26 11:23 happily 阅读(325) 评论(0) 推荐(0) 编辑

摘要: <script type="text/javascript">$(function(){ var i=0;$("#Sub_view").click(function(){if(i==0){$(".subscription_box").hide();$(this).removeClass("hideshow-showing");$(this).addClass("hideshow-hidden");i=1;}else{$(".subscription_box").s 阅读全文
posted @ 2013-04-26 11:18 happily 阅读(483) 评论(1) 推荐(0) 编辑

摘要: 今天好好伺候了IE6、chrome、firefox、opera(safari比较乖),结果最后杀出的IE7让我之前的代码功亏一篑。可喜的是在网上找到了区分IE6和IE7的写法,不过,以后到底还要为ie留多少眼泪啊……其实总结起来就这几句话#test{color:red;color:red !important;/ Firefox、IE7支持 */_color:red; / IE6支持 */*color:red; / IE6、IE7支持 */*+color:red; / IE7支持 */color:red\9; / IE6、IE7、IE8支持 */color:red\0; / IE8支持 */} 阅读全文
posted @ 2013-04-26 11:12 happily 阅读(284) 评论(0) 推荐(0) 编辑

2012年2月24日

摘要: li {width:150px;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;} 阅读全文
posted @ 2012-02-24 11:30 happily 阅读(138) 评论(0) 推荐(0) 编辑

2011年11月21日

摘要: CSS的渐变特征介绍了WebKit的约两年前,但由于很少使用与大多数布尔斯互不兼容。但现在的Firefox 3.6 +,支持渐变,我们可以创造风格,而不必创建一个图像渐变。这个职位将告诉你如何为CSS代码渐变要由主要浏览器:IE浏览器,火狐3.6 +,Safari和Chrome的支持。此外,还有我的下拉菜单(demo)使用CSS渐变。对于WebKit的浏览器下面的代码top (#ccc) to bottom (#000).它会显示一个线性渐变如Safari,Chrome等WebKit的浏览器background: -webkit-gradient(linear, left top, left 阅读全文
posted @ 2011-11-21 11:05 happily 阅读(218) 评论(0) 推荐(0) 编辑

摘要: Html代码<divid="section1"><divclass="title">HTML5</div><divclass="subTitle">HTML5是下一代的HTML,包含诸多新特性,比如绘制图形的canvas元素。</div><divclass="piechart"><canvasid="piechart1"width="225"height="168">< 阅读全文
posted @ 2011-11-21 10:34 happily 阅读(1185) 评论(0) 推荐(0) 编辑