今天学了网页的三种布局方式，配合昨天的基础课程，又对相对定位和绝对定位有了一定的了解。视频内容很形象，笔记记了很多。 晚上H帮我把wamp给弄好了，我的天哪。对了，傍晚开始看的php，学习前端后台也得有了解啊 学期作业要完成一个网站，网页的设计不是步骤一，下午一直在看开发网站的步骤，后台要用的语言以 ...
分类：
其他好文 时间：
2016-09-05 01:27:19
阅读次数：
167
我们平时常用的定高，top：50%；left：50%和margin-left负一半宽度margin-top负一半高度的居中方式暂不考虑，因为这种方式大家都会。 第一种绝对定位(absolute centering)居中： 原理： 在普通内容流（normal content flow）中，margin ...
分类：
其他好文 时间：
2016-09-04 23:58:09
阅读次数：
351
参考：慕课网 点此可进 如何让html元素在网页中精确定位，就像图像软件PhotoShop中的图层一样可以对每个图层能够精确定位操作。CSS定义了一组定位（positioning）属性来支持层布局模型。 层模型有三种形式： 1、绝对定位(position: absolute) 2、相对定位(posi ...
分类：
Web程序 时间：
2016-09-04 17:41:22
阅读次数：
148
图片相对于“square”的位置，在最右侧居中的位置。 ...
分类：
其他好文 时间：
2016-09-03 00:59:55
阅读次数：
354
角标是一个给某元素标明“New”,"Popular"等以表示强调的好方法，常应用于图片。 下面就利用CSS和HTML实现了图片的角标效果。 创建两个元素，一个用于创建角标，一个用于角标内的文本。 <p><span>Popular</span></p> 角标必须用绝对定位才能正确实现效果。 <arti ...
分类：
Web程序 时间：
2016-09-02 23:12:30
阅读次数：
2154
上篇地址：css基础--常用css属性01 本文参考菜鸟教程和w3school 1 浮动和清除浮动 在上篇的第十一节--定位中说道： CSS 有三种基本的定位机制：普通流、浮动和绝对定位。 普通流和绝对定位已经说完，接下来就是浮动了。 什么是浮动？ CSS 的 Float（浮动），会使元素向左或向右 ...
分类：
Web程序 时间：
2016-09-01 14:28:47
阅读次数：
245
HTML CSS 解说，水平居中就不用多说了，给div.login_wrap设置个宽度，然后margin:0 auto;就可以做到。但是这里这样做，这里使用了两层div 外层使用margin:0 auto;先做到外层水平居中，然后里面一个div使用绝对定位，代码分别如下。 html, body{he ...
分类：
Web程序 时间：
2016-08-31 18:40:13
阅读次数：
403
基本原理： 1.首先我们需要让图片能旋转的效果，我们让所有图片绝对定位(position:absolute),共用一个中心点。 2.对于舞台我们加一个视距，比如下面的demo是 perspective: 800px; 3.对于容器 我们可以加一个3D视图 transform-style: prese ...
分类：
Web程序 时间：
2016-08-31 17:08:48
阅读次数：
528
CSS2.0 HandBook上的解释： 设置此属性值为 absolute 会将对象拖离出正常的文档流绝对定位,而不考虑它周围内容的布局。假如其他具有不同 z-index 属性的对象已经占据了给定的位置，他们之间不会相互影响，而会在同一位置层叠。 TRBL属性（TOP、RIGHT、BOTTOM、LE ...
分类：
Web程序 时间：
2016-08-31 13:56:08
阅读次数：
201
1.CSS定位有4种 static 默认值，没有定位 此种元素存在于文档流中 absolute 绝对定位 元素脱离文档流，浮动在普通元素上面，多个叠加绝对定位的元素可通过z-index的大小改变层叠顺序 fixed 绝对定位 元素脱离文档流,浮动在普通元素上面 ，多个叠加绝对定位的元素可通过z-in ...
分类：
其他好文 时间：
2016-08-30 17:43:17
阅读次数：
97
