随笔分类 -  学习笔记

前端学习笔记番外篇：仿WIN8 Metro UI DIV+CSS练习
摘要：之所以叫番外篇，是因为这章是不算在学习进度里面的，这一章理由前面学习的相关知识进行仿造Metro UI进行DIV+CSS的布局练习。本次练习的代码含有js运行效果，所以想要看到完美的效果，请尽量在IE以外的浏览器进行测试。因为是一次普通的练习，所以并没有刻意针对IE做兼容。用IE运行，不影响css效果，但js效果运行会非常的……怎么说啦….反正坑爹就是了。 先看看要达到的效果：额….虽然说是Metro风格有那么一点点牵强，不过细节什么的就不用在意啦….我们来分析一下，像这样的界面要怎么做。首先，我们一眼就可以发现，页面上的DIV数量如果不经过大脑去数的话，为16个…不过因为拼图区域是居中在显. 阅读全文
posted @ 2012-05-25 20:34 Fat-- 阅读(2725) 评论(2) 推荐(2)
前端学习笔记二：稍稍苦手的DIV进阶
摘要：昨天学习了div+css的相关基础，用到了margin和float的基础知识，今天将在深入学习这两个知识的同时，学习css盒模型，相对定位，绝对定位的相关基础知识。 首先我们先用昨天的知识来做这么一个东西“两列居中显示”，先看看下面的效果：如图所示，两个div相邻居中显示在页面上，而且不管怎么拖动浏览器，他们始终都是居中的。要达到这种效果，用单独的两个div来实现的话，个人觉得不怎么好做，这个时候我们可以用嵌套的div来实现，html代码如下：html<body> <div id="content"> <div id="left&qu 阅读全文
posted @ 2012-05-24 17:55 Fat-- 阅读(621) 评论(0) 推荐(0)
前端学习笔记一：弱爆了的DIV基础
摘要：不知道从什么时候开始，突然想学习前端的相关知识…但是直接上HTML5+CSS3肯定是会杯具….所以本屌只能从html4+css2开始学…..开始苦逼且快乐的前端学习心酸路..（大大们千万别告诉我又走上了另外一条不归路→_→ 今天主要学习了div的基础，div当然是今天主角，但是要使div产生各种不同的布局，我们还需要一些龙套（CSS），今天的龙套主要是这些：width,height,float,margin。 好了，下面我开始正式的学习之旅，对了还有IDE…本着对自己严格要求的原则，笔者使用的是大名鼎鼎Windows文本编辑器！没错…就是windows下默认打开*.txt的软件-。-首先新建. 阅读全文
posted @ 2012-05-21 18:33 Fat-- 阅读(567) 评论(0) 推荐(0)