1,SVG是可伸缩矢量图形。含有不同标签用于创建矩形;创建圆形;用于创建椭圆;线;折线;多边形
2,svg
定义了一条路径,开始于(250px,150px),到达(150px,350px),再到达(350px,350px),最后在(250px,150px)处关闭路径
以下命令 大写表示绝对定位,小写表示相对定位:
M = movetoL = linetoH = horizon...
分类:
Web程序 时间:
2014-10-26 21:20:02
阅读次数:
205
未知宽高div水平垂直居中3种方法:1、transform与绝对定位方式。2、Flexbox方式。3、伪类方式...
分类:
其他好文 时间:
2014-10-25 14:32:36
阅读次数:
199
.out{ border-top:40px #f0efeb solid;/*上边框宽度等于表格第一行行高*/ border-left:200px #e6faf9 solid;/*左边框宽度等于表格第一行第一格宽度*/ position:relative;/*让里面的两个子容器绝对定位*/ }....
分类:
其他好文 时间:
2014-10-23 17:34:24
阅读次数:
118
1.定位的专业解释 (1)语法 position:static|absolute|fixed|relative (2)说明 从上面语法可以看出,定位的方法有很多种,它们分别是静态(static),绝对定位(absolute),固定(fixed),相对定位 (relative)。在这个教程里,...
分类:
Web程序 时间:
2014-10-22 12:33:36
阅读次数:
249
var $goTop = $("#goTop"); //需要操作的对象$(window).scroll(function(){ var scrollHeight = $(window).scrollTop();//这个方法是当前滚动条滚动的距离 var height = $("body").h...
分类:
其他好文 时间:
2014-10-22 12:26:46
阅读次数:
179
在看众多大神的css布局指南时,经常看到一个布局:圣杯布局(也有称为双飞翼布局的)。今天我们也来剖析一下。 其实,对于众多css布局,我们只要明确理解了3种技术,那么基本上大多数布局都难不倒我们了: 浮动float 绝对定位和相对定位negative margin 负边距r...
分类:
Web程序 时间:
2014-10-22 00:32:48
阅读次数:
354
基本实现思路是利用了onmousedown,onmouseup,onmousemove三种事件和css中的绝对定位插件功能:1.设置拖拽热点2.设置被拖拽对象3.设置拖拽范围默认情况下,拖拽热点和被拖拽对象是同一个元素,拖拽范围是文档窗口jQuery代码(function($){ $.fn.d...
分类:
Web程序 时间:
2014-10-20 19:06:43
阅读次数:
147
前一段时间部门分享会有同事分享了一个关于绝对定位居中的问题。现在来展示一下这个同事分享的案列。首相这个div是放在body下面的,给这个div一个绝对定位,然后定义这个div的高度和宽度(假设是200px)。然后关键的来了,给这个div的left和top等于50%(让div向左和向下移动屏幕的50%...
分类:
其他好文 时间:
2014-10-19 12:56:46
阅读次数:
137
常用的有三种方式:1、绝对定位法(最易理解)左右两栏采用绝对定位,分别固定于页面的左右两侧,中间的主体栏用左右margin值撑开距离。于是实现了三栏自适应布局。 1 2 3 4 5 三栏自适应布局 6 7 56 57 58 59 60 61 ...
分类:
其他好文 时间:
2014-10-18 10:56:56
阅读次数:
153
知识解析:CSS规定的定位机制有三种:分别是标准流、浮动及绝对定位。W3C标准:结构化标准语言(HTML和XML)、表现标准语言(CSS)、行为标准语言(DOM和ECMAScript) 倡导结构、样式、行为分离CSS中,存在3种的定位机制:标准文档流(Normal flow)、浮动(flo...
分类:
Web程序 时间:
2014-10-18 00:30:52
阅读次数:
354