毋庸置疑，CSS 中的 定位 对于从事重构或者前端的人来说，其占用非常重要的地位，但是对于初学者来说，却又有几点不是很清楚，这里就向大家介绍下 CSS 中的 定位 是如何工作的。
首先，我们来看下，什么是 定位。
当浏览器下载页面内容的时候，按下载的 HTML 页面内容的顺序（例如，html、body、head、div、p等），同时就开始渲染页面，而 定位 则就是决定这些元素如何显示，例如相对位置、或者重叠等情况。其实也就是本体相对于上级的定位，这里一共有4种方式来定义 定位，其分别是：static, relative, absolute 和 fixed。其意思也即是 静态、相对、绝对、固定。
Static 定位
即静态定位，也就是在制作 HTML 页面时，元素如何排列，则定位就如何排列。从上往下的顺序。没什么可解释的。
Relative 定位
即相对定位，他是参照父级的原始点为原始点，无父级则以BODY的原始点为原始点，配合TOP、RIGHT、BOTTOM、LEFT进行定位，当父级内有padding等CSS属性时，当前级的原始点则参照父级内容区的原始点进行定位。
有时我们还需要依靠z-index来设定容器的上下关系，数值越大越在最上面，数值范围是自然数。当然有一点要注意，父子关系是无法用z-index来设定上下关系的，一定是子级在上父级在下。
更多…
《最爱》，5月10日上映，由章子怡、郭富城主演的，是我非常喜欢的两个演员，所以推荐给大家。这部电影的题材也是非常有意思，主要是反映艾滋病这个话题，然后就是在这样一个背景下讲述的爱情故事，记得看这部电影的宣传时，章子怡是以剧中女主角一身红色乡土风格衣服出现的，给人感觉非常的好，但章子怡这个角色，却怎么看，怎么不像是农村的女人，或许这也是一些败笔吧。
《最爱》的导演是顾长卫，也是国内非常的著名的导演，拍摄了不少文艺片。影片《最爱》讲述了在中国20世纪90年代中期之前的一个封闭的小村庄里，人血走私生意泛滥，这是个无尽收入来源的生意，但同时因为卖血组织者节约成本给大家共用针头造成了大量的绝症热病(HIV)传播……我特别喜欢这部电影的海报上的一句话“我们结婚吧，趁活着”，感觉特别的伤感，但是又特别的感动，不知道大家和我的感觉一样吗？不管怎么样，大家看了再说吧。
剧名：最爱
状态：高清国语中字 RMVB 975MB
更新时间：2011-5-12
地区：大陆
上映年代：2011
推荐：五星
类型：感人文艺
主演：郭富城 章子怡 蒋雯丽 濮存昕 王宝强
2011最新电影《最爱》高清国语中字迅雷下载
下载方法：先下载文件，然后使用迅雷下载。
更多…
看藏地密码大概有大半年了吧，从一开始只是无聊偶尔看看，到后来逐渐的开始入迷，慢慢追着看从头看到第九部，然后就到现在，无奈自己有事囊中羞涩，所以只能在网上下载电子书来看（此处对作者表示歉意），还好，目前藏地密码10已经发布了，而且最近藏地密码十也开始慢慢的出现电子书了，这么给大家分享下，有钱人的话，还是建议去当当或者卓越购买下，支持下作者吧。
藏地密码10 神圣大结局 是 藏地密码 的第十部，在第一次大结局之后，这也是第二次大结局，也确实是期待已久的“神圣大结局”。主要讲述了卓木强巴一行人击退国外邪恶势力莫金一行人，摆脱第三层平台的狼的攻击，与他梦中的紫麒麟相遇 ，并通过众生之门和浮生之河，来到帕巴拉。在无数谜团和线索的指引下，他们抵达万佛阁，见到尘封的佛家珍宝，越来越接近藏传佛教的精神内核。一路走来的上百个匪夷所思的谜团也渐渐解开，而可怕的真相也将卓木强巴几乎击倒！千年前的故事呈现在他们面前，而紫麒麟带着王者的霸气率领众狼消失在地平线。
作者简介
何马，生于四川，在西.藏生活了十年。喜欢探险，曾一人独自穿越可可西里腹地、西双版纳原始森林。另一说，也说作者是医生，其实一直只是呆在青海还是四川来着，一直都没有去过西藏。2006年开始写作《藏地密码》，2008年发表后立即引发全球上百家出版商争夺版权，成为当下最炙手可热的畅销书作家。
目录
第七十章 万狼之王紫麒麟
第七十一章 狼之禁地
第七十二章 众生之门
第七十三章 浮生之河
第七十四章 欢迎来到帕巴拉！
第七十五章 西.藏众神
第七十六章 西.藏万佛阁
第七十七章 抵达神庙核心
第七十八章 尘封的佛家珍宝
第七十九章 太可怕的真相
第八十章 千年前的故事
第八十一章 以一张照片结束
更多…
此教程，完全使用CSS3 制作一个动态的导航菜单，不使用 JavaScript 等技术。
先来看 HTML
首先第一步是使用HTML完成网站的结构，此处 使用了很多 HTML5 方面的内容，但是对于IE6 7 8来说，必须使用另一种技术来使其支持 HTML5，这里使用 html5.js （详细），需要放在 <Head> 标签之中，使用了条件判断，只对IE有效。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>CSS3 Animated Navigation Menu | Tutorialzine Demo</title>
<!-- Our CSS stylesheet file -->
<link rel="stylesheet" href="assets/css/styles.css" />
<!-- Including the Lobster font from Google's Font Directory -->
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Lobster" />
<!-- Enabling HTML5 support for Internet Explorer -->
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<header>
<h1>CSS3 Animated Navigation Menu</h1>
<h2>« Read and download on Tutorialzine</h2>
</header>
<nav>
<ul class="fancyNav">
<li id="home"><a href="#home" class="homeIcon">Home</a></li>
<li id="news"><a href="#news">News</a></li>
<li id="about"><a href="#about">About us</a></li>
<li id="services"><a href="#services">Services</a></li>
<li id="contact"><a href="#contact">Contact us</a></li>
</ul>
</nav>
<footer>Looks best in Firefox 4, usable everywhere.</footer>
</body>
</html>
此处使用了Google Web Font API,包括了100多种字体文件，可以随时使用在自己的项目上，当然都托管在 Google 的服务器上，不过几乎都是英文字体，对国内用处不是非常大。
更多…
自从爱上前端开始，一直在专注于CSS和HTML，但是由于本人天生愚钝，所以对于这些个已经十分简单的语言还是难以拿下，所以，耗费时间不说，起了个大早，赶了个晚集，什么都没留给我，在将这几个最简单的语言学个入门之后，这不是JavaScript也要开始进入日程了，无奈，还是天生愚钝，学了这么好几天了，才会写这么个小程序，记个笔记，为以后查阅方便，老鸟请不吝赐教啊。
在这个挨踢之路上，还望你们指教呢。
好了，上代码吧。粗糙，再次望指教。
<html>
<head>
<script type="text/javascript">
var ts=0;
function ShowTimes()
{
document.getElementById("times").value=ts;
ts++;
t=setTimeout(ShowTimes,1000);
}
function PauseTimes()
{
clearTimeout(t);
}
function ResetTimes()
{
document.getElementById("times").value=0;
ts=0;
}
</script>
</head>
<body>
<button id="startcount" onclick="ShowTimes();">Starting</button>
<input type="text" id="times" />
<button id="stopcount" onclick="PauseTimes();">Pause</button>
<button id="clearcount" onclick="ResetTimes();">Reset</button>
</body>
</html>
演示在这里： 点击这里
期待已久的Godaddy 超级优惠码又出现了，仅需1美元即可注册或转入域名。此次优惠码支持以下域名及用途：
支持域名：COM, .US, .MOBI, .BIZ, .NET, .ORG, .CA, .CO.UK, .IN
支持用途：注册或转入
支付方式：信用卡
优惠期限：2011年5月23日前，或10000名用户上线
域名优惠码：
ACES1
4月20日14:30 测试 可用。
