一个热爱网络的年轻人的博客
网页上很多时候会用到上传控件，但是默认的样式不但很丑，而且每个浏览器的样式还不统一。而直接对input type=”file”定义样式很难实现漂亮的外观，因为很多样式都无效，所以就要通过其他方法在保留上传功能的同时，美化上传控件。
前不久老大在群里提到京东的一个箭头实现方法，正好前天在CSS群里又有人聊到这个问题，我才发觉，原来用CSS写箭头的这个小技巧这么多人不知道，今天就介绍一下用CSS里的border属性来写箭头。
箭头很多地方要用到，特别是tips里。Discuz是用的背景图片，这也是大多数网站的做法，腾讯微博是用两个菱形◆特殊符号叠加，来实现的。今天介绍的方法是用一个标签来实现这个小箭头效果，如果要边框，两个标签叠加一下，就行了。
前天要做一个简单的效果，并列不定数个li。但就这样一个效果，弄了半天搞不定，最后不得不用hack，依然搞不定。如果大家对CSS感兴趣，可以看看效果图自己先试着做一次，然后看看兼容性。 最终效果图如下： （我写两个ul的原因是li只有一排和多排效果会不一样） 首先看我的写法，HTML很简单，就不贴了，只贴CSS代码，DEMO：
这段代码前半段可以在CSS手册里查得到，就是轮廓的意思，我之前搜索的答案就是这个，但是在IE6下依然无效，还是会有虚线框，所以就求助群里的朋友。后来有人发了上面的这段代码，虽然不懂后半段的意思，但是终于在IE6里搞定了。
今天看见群里有朋友提问“十”如何用两个div完成。其实很简单，方法也有很多种，为什么他不先思考一下再问呢？或许这就是惰性和依赖性吧。 随便想了一下，不想用定位，那就用负边距来实现吧。DEMO（十1） .d1_h{float:left;width:100px;height:30px;margin-top:35px;background-color:#f00;} .d1_s{float:left;width:30px
之前写博客主题的时候，也考虑到blockquote引用加背景引号图片这个问题，不过我用blockquote引用并不多，所以忽略掉了。昨天野鹤问我这个问题如何处理，我看了下他写的代码，是借鉴他搜索的DEMO。当然那DEMO上的效果肯定是对的，但我没有急于看DEMO，而是看他写的代码为什么没有实现想要的效果。
今天上午去面试一家大型B2C网上商城的前端开发，结果被一道要求不确定大小的图片，在固定DIV里横竖都居中的题目难到了。只记得以前看见万戈写过相关文章，但当时只是觉得自己用不到，所以没去仔细看。结果到用的时候，后悔莫及啊！我就知道水平居中的两种方法，一种是text-align:center;，另外一种是WordPress里面插入图片时用到的.aligncenter{display:block;margin-left:auto;margin-right:auto;}。可是不知道怎么垂直居中啊！
之前群里有人提到border-radius.htc方法来实现IE圆角，我当时简单的写了demo也觉得还不错，结果实际用到网站上，才发现没有那么完美。使用border-radius.htc，只需在相应的位置多加一段behavior:url(border-radius.htc);即可，非常简单。
我写过两篇关于博客用户体验的文章（用户体验一，用户体验二），其实我自己博客也有很多地方的用户体验不好，包括我自己都有点不耐烦了，就比如没有“返回顶部”这个功能，导致竞猜世界杯那个网页由于太长，只要回复了，想看其他文章，必须滚动滑轮很久。所以这个小功能是急需加上去的，以至于前天和昨天都在研究position:fixed定位。
由于昨天写《调用非官方API实现WordPress博客添加腾讯微博》需要贴上一段HTML和JavaScript的代码，但是我用了blockquote标签和code标签都无效，JavaScript代码直接运行了，真佩服我以前的代码都是用blockquote引用的~~~后来求助，最终选择了木木同学推荐的WP-Syntax插件。