Ⅰ.绝对定位居中(Absolute Centering)技术 我们经常用margin:0 auto来实现水平居中,而一直认为margin:auto不能实现垂直居中……实际上,实现垂直居中仅需要声明元素高度和下面的CSS: .Absolute-Center { margin: auto; positi
分类:
Web程序 时间:
2016-03-09 15:47:38
阅读次数:
222
position定位有四种情况: 1 static默认情况,没有定位,元素正常出现在文档流中。 2 fixed 绝对定位 元素的位置相对于浏览器窗口是固定位置。 即使窗口是滚动的它也不会移动:定位脱离文档流,不占据位置。 3 relative相对定位,相对其正常位置,还在文档流中,占据位置。 相对定
分类:
其他好文 时间:
2016-03-09 12:56:33
阅读次数:
159
今天下班在地铁上看了一个样式教学视频,因为最近在学习前端。以前刚毕业的时候,感觉后台才是王道,但最近发现,前端也很重要,比如:自己接一些私单做的时候,自己要根据需求做好界面,才能更加符合客户需求,不然还得找人去做;不同的是,后台的就可以放心找人做,只要测试得没问题,效率还过得去就可以了,所以最近打算
分类:
Web程序 时间:
2016-03-08 23:31:39
阅读次数:
168
绝对定位元素的“有定位属性(relative或absolute)的父元素”在渲染层次时起到了主要作用,前面的被后面的覆盖了。解决办法就是给有定位属性的父元素设置z-index 解决办法: 父级元素加上position:relative;并设置z-index. 父级元素的z-index优先,其中包含的
分类:
其他好文 时间:
2016-03-04 20:43:08
阅读次数:
156
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 .box{ 8 width: 308px; 9 height: 308px; 10 background-color:
分类:
其他好文 时间:
2016-03-02 19:53:00
阅读次数:
120
先是HTML 一个父div包含四个绝对定位的div <div class='container container--realistic'> <div class='cube cube--ani'> <div class='face'>1</div> <div class='face'>2</div
分类:
Web程序 时间:
2016-03-01 08:33:43
阅读次数:
201
记录一种等高布局手法,padding和margin对冲。 将padding-bottom设置很大,来增加子容器高度,margin-bottom设为padding-bottom相等的负值来恢复子容器高度,父容器设置overflow:hidden来隐藏子元素。最后,使用内部div相对父容器绝对定位来模拟
分类:
其他好文 时间:
2016-02-29 16:34:38
阅读次数:
146
Positon属性:是用来对元素进行定位的。定位就是允许你定义元素框相对于其正常位置应该出现的位置,或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。CSS有三种基本的定位机制:普通流、浮动和绝对定位。Position的属性值有:(1)static:它是position的默认值。默认块..
分类:
其他好文 时间:
2016-02-29 14:48:05
阅读次数:
223
定位 定位的想法很简单元素框相对于正常位置出现在哪里。 定位:static,相对, 绝对, fixed, 继承 static就是默认的位置 相对就是相对于默认位置的偏移。 绝对定位相对于包含块(非static的)的偏移。 fix相对于viewport视窗的偏移。 包含块 根元素是初始包含块,有的浏览...
分类:
Web程序 时间:
2016-02-28 23:07:48
阅读次数:
342
过程中遇到的问题是图片路径的问题,就是绝对路径和相对路径的问题:
绝对路径是指文件在硬盘上真正存在的路径。例如“bg.jpg”这个图片是存放在硬盘的“E:\book\网页布局代码\第2章”目录下,
相对路径,就是相对于自己的目标文件位置。例如
第二是:通过绝对定位,元素可以放置到页面上的任何...
分类:
Web程序 时间:
2016-02-26 23:28:24
阅读次数:
222