我的百科全书

摘要： 1. left left left 1 #wrapper { 2 float: left; 3 width: 100%; 4 margin-left: -200px; 5 } 6 #navigation { 7 float: left; 8 width: 200px; 9 }10 #extra {11 float: left;12 width: 200px;13 }14 15 div#footer{clear:both;width:100%} 阅读全文

摘要： 1. left left left 1 #wrapper { 2 float: left; 3 width: 100%; 4 margin-left: -200px; 5 } 6 #content { 7 margin: 0 25% 0 200px; 8 } 9 #navigation {10 float: left;11 width: 25%;12 margin-left: -25%;13 }14 #extra {15 float: left;16 width: 200px;17 }18 div#footer{clear:left;width:100%}2... 阅读全文

摘要： 1.left left left 1 #wrapper { 2 width: 66%; 3 float: left; 4 } 5 #content { 6 margin-right: 200px; 7 } 8 #navigation { 9 width: 200px;10 float: left;11 margin-left: -200px;12 }13 #extra {14 float: left;15 width: 34%;16 }17 #footer {18 clear: both;19 } 阅读全文

摘要： 1.left, left,left 1 #wrapper { 2 float: left; 3 width: 100%; 4 } 5 #content { 6 margin: 0 200px 0 33%; 7 } 8 #navigation { 9 float: left;10 width: 33%;11 margin-left: -100%;12 }13 #extra {14 float: left;15 width: 200px;16 margin-left: -200px;17 }18 #footer {19 clear: both;20 }2.r... 阅读全文

摘要： 1. left , left, left 1 #wrapper { 2 float: left; 3 width: 100%; 4 } 5 #content { 6 margin: 0 33% 0 200px; 7 } 8 #navigation { 9 float: left;10 width: 200px;11 margin-left: -100%;12 }13 #extra {14 float: left;15 width: 33%;16 margin-left: -33%;17 }18 #footer {19 clear: both;20 }2.... 阅读全文

摘要： 保存和恢复状态save()restore()save和restore用于保存和恢复画布状态，画布状态是画布当前所有样式、transformation、当前clipping path的一个快照。画布状态保存在stack中，每次调用save时，当前状态将会被压入栈中，调用restore时恢复最近一次压入栈中的状态。在使用transformation函数时，先执行save，完成操作之后调用restore能减轻操作负担。translate(x, y)用于将画布的原点移动到当前当前的x，y处rotate(angle)将画布沿着顺时针，旋转angle弧度scale(xScale, yScale)在当前尺度 阅读全文

摘要： left, left,left 1 #wrapper { 2 margin-left: 400px; 3 float: left; 4 } 5 #navigation { 6 width: 200px; 7 float: left; 8 margin-left: -100%; 9 }10 #extra {11 width: 200px;12 float: left;13 margin-left: -100%;14 position: relative;15 left: 200px;16 }17 #footer {18 clear: both;19 }... 阅读全文

摘要： 在本机编写canvas小程序时，引用了本地的图像。当使用canvas.toDataURL()获取canvas图像是chrome报错这是因为在本地文件系统中访问图片时，chrome会限制同源策略，解决办法把代码放到服务器上，通过网络访问设置chrome，取消同源限制，方法有多种，首先要关闭已经打开的chrome浏览器命令行进入到chrome.exe目录，通过命令行启动chrome并传递命令行参数：chrome --disable-web-security第二种方法是选中chrome.exe右键：创建快捷方式，选中快捷方式，右键：属性，点击快捷方式选项卡，找到目标栏，在后面添加-args -dis 阅读全文

摘要： right,right,right 1 #wrapper { 2 float: right; 3 margin-left: 400px; 4 } 5 #navigation { 6 float: right; 7 width: 200px; 8 margin-right: -400px; 9 }10 #extra {11 float: right;12 width: 200px;13 margin-right: -200px;14 }15 #footer {16 clear: both;17 }right,right,left 1 #wrapper { 2 ... 阅读全文

摘要： 全部float向左 1 #wrapper { 2 float: left; 3 width:100%; 4 } 5 #content { 6 margin-right: 400px; 7 } 8 #navigation { 9 width: 200px;10 float: left;11 margin-left: -200px;12 }13 #extra {14 width: 200px;15 float: left;16 margin-left: -400px;17 }18 #footer {19 clear: both;20 }left,left, ... 阅读全文