自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 表单元素对齐

最近一直忙于工作,修改BUG,很少有时间上来总结一些东西,实在抱歉,对于时间的管理上自己还是得加强,没时间不能做为一种理由。 提高用户体验关键在于细节。 经常会发现一些表单元素与标签对不齐的现象,如下图片所示:     做为专业者不能视而不见的,其实两句代码就能将对齐解决: body{font-family:Tahoma;} input,label{vertical-align:...

2010-01-08 14:16:34 454

禁止换行与强制换行

一、禁止换行 white-space:nowrap; overflow:hidden; 当文字内容过长,想以省略号表示可使用text-overflow:ellipsis,此法在FF下无效,但在FF下可以调宽度+ 伪类的方法即: p:after{content:"...";} 这个方法有个弊端,当内容很少的情况下也会出现这个省略号,怎么解决呢???   二、强制换行   word-...

2009-12-23 18:46:25 309

去掉点击链接产生的虚线框

方法一:定义样式outline:none即可,但此法只适应于FF,IE不支持,在IE 下可使用其私有的html属性:hideFoucs,在标签的结构中加入 hidefocus=”true” 属性。   <a href="#" hidefocus="true">这里放置您需要的文字或图片</a>   方法二:针对于IE .HideFocus { hide-focu...

2009-12-23 17:30:08 178

display:inline-block的实际应用

前面一篇博文有讲关于display:inline-block在FF出现空白的解决方案,这篇博文主要讲解下display:inline-block的实际应用。   应用一如下图所示。当固定宽度,固定高度,向左浮动float:left就解决了。但是,这个设计中内容是可变的,也就意味着当内容增多,高度不一就会破坏这个布局。 你也许会想到每一行三个放在一个UL里,然后程序员3*N的循环,现在用dis...

2009-12-23 15:04:57 270

自定义鼠标图案

自定义鼠标图案 .ablumInfo_style1{cursor:url("images/L.cur"),-moz-cell;} <a href="#" class="ablumInfo_style1">自定义鼠标提示图标 </a>    其中url内是你自定义图案的路径,-moz-cell是FF的专有属性。 注意以下几点: 一、图片格式:cur格式与ani格...

2009-12-22 20:11:33 925

浮动里的绝对定位元素在IE下被遮挡的解决方法

最近在优化页面时遇到的问题:在浮动里的绝对定位元素在FF下显示正常而在IE下被遮挡   FF显示效果: IE显示效果:   #wrap{overflow:hidden; height:1%; } #wrap li{float:left; margin-right:12px; height:120px; padding:6px; position:relat...

2009-12-22 16:12:05 518

有关display:inline-block在FF出现空白的解决方案

最近制作中有遇到过未知大小图片未知容器里底部对齐的效果,如下图所示:     有用到display:inline-block做这个效果,通过实践会发现在FF下相邻的inline及inline-block的元素而产生的莫名其妙的空白间距如下图所示:     这是因为,html中存在空格或者换行,就会有一个间距,就像两相邻的两个a,默认情况下也会有间距,解决的办法可以让相邻的inl...

2009-12-18 19:27:25 190

总结垂直居中对齐的解决方案

 一、单行文本垂直居中对齐方法 height:20px; line-height:20px; overflow:hidden; 注意:overflow:hidden不可省略,以上数字自定义,此法不适应图片   二、多行文本在未知容器内垂直居中对齐方法 padding-top:10px; padding-bottom:10px; 注意:以上数字自定义,此法不适应图片    ...

2009-12-16 18:30:01 352

原创 反省总结一

寒风中奔波在自己向往以久的城市——北京,一天之内面试了三家公司回来脚冻得有些走不稳,苦但很甜,这就是我选择锻炼自己的生活,废话少说,总结一下全天的感受,自信很重要,不管你对自己的回答有没有疑问,不要犹豫,自信的说出自己心中的答案,一定要表现的足够自信。静态页面开发有两年之久了,应该得好好总结反省了,这样不仅可以巩固原有知识,而且还能及时更新学习更多的知识,举一反三,不断总结。 听了很

2009-11-17 18:18:00 336

原创 开始

 怀着怎样一种心情来到这里安家,是对于现实的不甘还是内心的倔强,当断开一切后路时,人才会逼自己想办法怎么解决处理事情,才能激起生活的斗志,我想我内心是不安分的。在优客工作两年了,决定离开鼓起了很大的勇气,其实未来一切都还是未知,我没给自己留一点后路,我要改变现状,虽然在别人眼中我现在各方面还算可以,但是我明白自己真正想要的生活,我需要激情,我需要斗志,我不想安逸中堕落,失去了生活的所有色彩,我

2009-11-17 18:17:00 281

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除