导航的下拉菜单,分别写了二级的和三级的。其实下拉菜单最重要的是写好结构,哪一层是哪一层的,要清晰,做到心中有数。 css定位时注意给隐藏的下拉菜单添加absolute绝对定位,但是其父级不必加relative。js嘛,简单,一个hover() 打遍天下。动画用了slideDown,slideUp,f ...
分类:
其他好文 时间:
2016-05-05 17:36:30
阅读次数:
145
1、主要学习了css定位和DIV的使用 定位的基本思想很简单,它允许你定义元素框相对于其正常位置应该出现的位置,或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。 CSS 有三种基本的定位机制:普通流、浮动和绝对定位。 除非专门指定,否则所有框都在普通流中定位。也就是说,普通流中的元素的位置由元 ...
分类:
其他好文 时间:
2016-04-28 19:43:00
阅读次数:
157
对于(例如元素div1)position:absolute时,是相对于已定位的最近父元素,如果没有已定位的父元素,则相对于初始包含块(html) 其中这里说的"已定位的父元素"是指position属性为relative,absolute,fixed的元素,如果position的值为static或不存 ...
分类:
Web程序 时间:
2016-04-28 00:16:54
阅读次数:
138
div[title=AB] div[title ^=A] div[title $=A] by 属性 =AB 以A开头 以A结尾 //div[@title = "AB"] //div[@title ^= "A"] //div[@title $= "A"] div #id > * div #id > h ...
分类:
Web程序 时间:
2016-04-27 12:16:32
阅读次数:
182
position : static – 元素框正常生成。即上述不对元素进行任何样式设置的默认形态。 position : relative (此时设置top, right, bottom, left生效) – 相对于它的原点定位,元素仍保持其未定位前的形状,它原本所占的空间仍保留。 例如: 定位前: ...
分类:
Web程序 时间:
2016-04-19 14:12:48
阅读次数:
245
定位和居中问题是CSS中经常遇到的。对于一个定长定高的元素,实现其在父元素中的垂直水平居中,可通过position属性实现。当元素大小可变时,这种方法就失效了,我们可以通过flex和table实现居中,这两种方法今后会细致研究,这里只使用position方法。 任务需要完成的效果图如下: 相应代码如 ...
分类:
Web程序 时间:
2016-04-10 18:05:57
阅读次数:
213
CSS定位属性:一个定位属性,需配合四个定位坐标,实现定位 固定定位fixed 说明: 1、固定定位是相对于"浏览器窗口" 2、如果只设置了定位属性,未指定定位坐标时,元素将停留在它原来的位置 设置固定定位的步骤; 1、设置position:fixed(表示固定定位) 2、确定偏移量 left:距离... ...
分类:
Web程序 时间:
2016-04-05 00:42:25
阅读次数:
341
一、相对定位 如果对一个元素进行相对定位,它将出现在它所在的位置上。然后,可以通过设置垂直或水平位置,让这个元素“相对于”它的起点进行移动。 如果将 top 设置为 20px,那么框将在原位置顶部下面 20 像素的地方。如果 left 设置为 30 像素,那么会在元素左边创建 30 像素的空间,也就 ...
分类:
Web程序 时间:
2016-03-27 15:48:14
阅读次数:
137
一、CSS定位概述定位概念-普通流定位-页面中的块级元素框从上到下一个接一个地排列-每一个块级元素都会出现在一个新行中-内联元素将在一行中从左到右排列水平布置-浮动-相对定位-绝对定位-固定定位定位属性-position属性:-position:static/relative/absolute/fixed;-偏移属性:..
分类:
Web程序 时间:
2016-03-23 06:48:49
阅读次数:
226