摘要: 在前端制作的过程中会发现,一些文字/图片链接,或者一些input控件,在点击时会在周围出现虚线边框。这些虚线边框是作为对视觉设计的一种辅助,在不使用鼠标,而用键盘Tab键进行页面浏览时,会标示出当前所在的链接或控件的位置,便于浏览。这对那些视觉有障碍的人士来说更是必不可少的。但是有些时候我们却不想使用它们,因为浏览器对虚线框的解析有差异,并且不规则,所以在视觉设计上反而成为了某种缺陷。所以这种时候,我们想要禁用这些虚线边框,使浏览者的视觉享受能够完美无瑕。那么,如何去除这些点击时才会出现的虚线边框呢?却倒也是蛮复杂的,且逐一分析一番。1. outline:none;通常我们会这么写:1 a:f 阅读全文
posted @ 2013-01-10 20:20 赖伟东 阅读(1244) 评论(0) 推荐(0) 编辑
摘要: 1 html{ 2 height:100%; 3 -webkit-text-size-adjust: 100%; 4 -ms-text-size-adjust: 100%; 5 -webkit-font-smoothing:antialiased; 6 } 7 body{ 8 margin:0; 9 padding:0; 10 background-color:#fff; 11 min-height:100%; 12 height:auto !important; 13 height:100%;... 阅读全文
posted @ 2013-01-10 14:12 赖伟东 阅读(161) 评论(0) 推荐(0) 编辑
摘要: 学习了半年,觉得自己一事无成。就算是叫握现在立刻做个表单都不会,排版这个东西真的不容小看,后悔一味的一个头冲进js的世界,搞得现在开始做时,怎么下手都不知道,刚刚学习前端的同学,切记快速进入js,先把html和css搞懂,多做练习,不要弄得跟我一样,下手都不知所措,切记切记,这个寒假必须要补习,下面是一个别人做的表单: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd 阅读全文
posted @ 2013-01-10 14:04 赖伟东 阅读(177) 评论(0) 推荐(0) 编辑