摘要：大概是十月份吧，工作定下来了，有大把大把的时间可以挥霍。后来实在是闲得有些无奈了，浏览博客园的时候灵光闪现，决定做一个自己的皮肤。大概的情况如下：1、在管理页面的模版选项里找到模板设计帮助的链接2、到自己的管理页面的设置Tab页面下有关于通过CSS定制页面风格的选项，这里粘贴上自己的修改完成后的CSS，HTML代码即可 就像下面这样（注意：如果提交的是全部的CSS，就要将禁用掉模版默认CSS），HTML代码也一样 3、需要仔细了解一下页面的大致结构，仔细阅读CSS中的注释，自己动手设计还是不难的，充分利用Firebug会带来很多便利4、这里有一点要注意的是，当使用到图片时请用绝对路径（我自.. 阅读全文
摘要：很久没有更新博客了，感觉自己都颓废了，还好泡了泡图书馆，勉强能有点心理安慰吧。。。。晒晒近3个月阅读的和即将阅读的好书，推荐给大家，以求共勉。这两本书比较新，分别是今年7月和3月出版的。第一本相信大家都关注了，大师的新作，比较薄（226页），蹲图书馆好几天才借到手，读起来很畅快。本书的风格和《CSS权威指南》有些不同，这次，Eric Meyer更倾向于用实践说话，理论性相对弱一些，但是在实践中介绍的CSS技术对巩固CSS的基础知识同样适用，而且能让人多一些思考。介绍了一些前沿技术，包括一些HTML5和CSS3的知识。我印象比较深刻的是《第六章-表格》，其中关于表格的图形化，可视化处理确实让我受 阅读全文
摘要：打开浏览器，总是会有各种诱惑让自己忘记最近最重要的事情，所以索性写了一个倒计时主页来督促自己，以下是实现初步功能的代码： 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" 阅读全文
摘要：2012年5月6日在交大参加了百度的实习生招聘笔试，投的是web前端方向。 拿到卷子时觉得好些题目很眼熟，其中一个HTML+CSS布局的问题在网上见过，一个div固定宽度，一个div自适应，要求覆盖整个页面。用浮动布局可以解决这个问题，代码也很简单 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 2 <html> 3 <head> 4 <meta http-equiv=&quo 阅读全文
摘要：还在用IE8及其以下版本浏览器的童鞋们就不要尝试了。<!DOCTYPE HTML><html><head><style type="text/css">#windmill{ width:160px; height:160px; position:relative; -moz-transition:-moz-transform 2s ease-in-out; -webkit-transition:-webkit-transform 2s ease-in-out; -moz-transform:rotate(0deg); -web 阅读全文
摘要：Android的事件处理机制有两种：监听和回调。A.基于监听的事件处理主要涉及三类对象：EventSource（事件源），Event（事件），EventListener（事件监听器）监听机制处理事件的流程图如下（委派式：Delegation）：简单的代码实现： 1.main.xml中定义了一个Button如下,它将作为事件源组件： <Button android:id="@+id/botton1".../> 2.为该按钮绑定一个事件监听器，监听器的实现方法有几种形式： 2.1 内部类形式 2.2 外部类形式 2.3 Activity本身作为事件监听器类 ... 阅读全文
摘要：引自开源中国社区：Firebug是Firefox下的一款开发类插件，现属于Firefox的 五星级强力推荐插件之一。它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体，是开发JavaScript、CSS、HTML和 Ajax的得力助手。Firebug如同一把精巧的瑞士军刀，从各个不同的角度剖析Web页面内部的细节层面，给Web开发者带来很大的便利。 作为Firebug的使用者，本人觉得这款插件十分值得推荐，故此处简单介绍一下Firebug的安装及使用，以方面更多曾经像我一样从来没有使用过它的人快速上手并感受这款插件带来的愉悦。1.安装（本人的Firefox是版本10） . 阅读全文
摘要：根据CSS中块级元素和行内元素的不同特征，其居中显示的方式也有差异，下面就水平和竖直居中的情况做一总结： 1.水平居中 1.1 给父元素设置text-aglin:center；可以实现文本、图片等行内元素的水平居中。 1.2 宽度确定的块级元素的水平居中是通过设置margin-left和margin-right的值为auto来实现。 1.3 对于宽度值不确定的块级元素的居中可以使用以下三种方式，可根据实际情况选择不同方案： 1.3.1 改变块级元素的display值为inline,然后使用text-aglin:center来实现居中， 但此做法的缺点是将块级元素转化为行内元素后就无法设置长宽， 阅读全文