01 2013 档案

纯CSS提示框的实现及其牵涉到的IE6下的a:hover问题。
摘要：首先，本文不是在宣扬什么新技术，而是一个古老的技术，但是做为一个web前端开发人员，其中的一些细节还是值得我去注意的。下面是效果的动画展示图。方法分析：A标签支持4种状态的伪类，分别是:link :visited :hover :active。我利用了:hover伪类（指向时）。那么A的结构应该是这样的 <a href="#">Some words<span>some tips</span></a>正常状态下，将a下的span隐藏掉。指向A时，将span显示到合适的位置。第1步：HTML结构，如下 <p> < 阅读全文
posted @ 2013-01-31 14:12 WEB前端开发. 阅读(984) 评论(0) 推荐(0) 编辑
容器内元素float时，容器自动高度的解决方案
摘要：先看HTML代码如下： 1 <div id="wrap"> 2 <div id="header"> 3 <h1>three colums layout.</h1> 4 </div> 5 6 <div id="content"> 7 <div id="main"> 8 <p>Hello,CSS & HTML.</p> 9 <p>I love this game.</p>10 &l 阅读全文
posted @ 2013-01-29 20:27 WEB前端开发. 阅读(1560) 评论(0) 推荐(0) 编辑
CSS布局之负margin-left的使用
摘要：有这样一种情况，网页主体部分有3栏，看上去分别是：左(left)、中(main)、右(right)三栏。但是它的html结构如下 ： 1 <div id="content"> 2 <div id="main"> 3 <p>Hello,CSS & HTML.</p> 4 <p>I love this game.</p> 5 </div> 6 <div id="left"> 7 <p>I'm the sub colu 阅读全文
posted @ 2013-01-29 20:04 WEB前端开发. 阅读(4676) 评论(0) 推荐(0) 编辑