转换公式：目标宽度÷上下文宽度=结果(比例宽度) ，当前元素的像素宽度÷当前元素的父元素的像素宽度=当前元素的百分比宽度，有需要的朋友可以参考下哈
分类：
Web开发 时间：
2016-02-06 10:03:41
收藏：
0 评论：
0 赞：
0 阅读：
173
今天给大家分享一款非常漂亮的纯html5实现的时钟。整个界面都由html5绘制而成。下面我们来看看具体实现的代码，需要的朋友可以参考下
分类：
Web开发 时间：
2016-02-06 10:01:40
收藏：
0 评论：
0 赞：
0 阅读：
134
脚本之家介绍了很多款由纯css3实现的特效。鼠标啊，背景等等，今天要再给大家带来一款纯css3实现的超炫动画背画特效。代码非常简单，纯粹的css就可以完成，当然css代码也不多。效果非常炫
分类：
Web开发 时间：
2016-02-06 10:01:04
收藏：
0 评论：
0 赞：
0 阅读：
270
CSS三列布局走出HTML布局阴影，两端固定宽度，中间自适应结构，下面有个不错的示例，大家可以参考下
分类：
Web开发 时间：
2016-02-06 10:00:28
收藏：
0 评论：
0 赞：
0 阅读：
131
每个网站由于其目标、需求、设计手法、运营等诸多因素导致它们在导航设计上千差万别，但是在最基本的设计思路和组织结构上，导航设计还是有基本的规律和原则，确保组织架构可靠，降低失败的机率
分类：
Web开发 时间：
2016-02-06 09:58:42
收藏：
0 评论：
0 赞：
0 阅读：
189
META标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的标记和
标记之间，它提供用户不可见的信息。
</div>
<div class="list1">
分类：<span class="colorCheng"><a href="/infolist-2-1.html">Web开发</a></span> 时间：<span
class="colorlv">2016-02-06 09:58:34</span>
收藏：<span class="colorCheng">0</span> 评论：<span
class="colorCheng">0</span> 赞：<span class="colorCheng">0</span> 阅读：<span
class="colorCheng">199</span>
</div>
</div>
<div class="width100bi divtextalignleft margintop20 divborderbottomdotted">
<div>
<a class="listtitle" href="/infodetail-1381199.html" title="span margin 设置生效 "
target="_blank">
span margin 设置生效 </a>
</div>
<div class="listzhaiyao">
span默认是行属性，而div默认是块属性，把span强制设为块属性就可以了。
</div>
<div class="list1">
分类：<span class="colorCheng"><a href="/infolist-2-1.html">Web开发</a></span> 时间：<span
class="colorlv">2016-02-06 09:58:06</span>
收藏：<span class="colorCheng">0</span> 评论：<span
class="colorCheng">0</span> 赞：<span class="colorCheng">0</span> 阅读：<span
class="colorCheng">232</span>
</div>
</div>
<div class="width100bi divtextalignleft margintop20 divborderbottomdotted">
<div>
<a class="listtitle" href="/infodetail-1381197.html" title="php session处理的定制"
target="_blank">
php session处理的定制</a>
</div>
<div class="listzhaiyao">
</div>
<div class="list1">
分类：<span class="colorCheng"><a href="/infolist-2-1.html">Web开发</a></span> 时间：<span
class="colorlv">2016-02-06 09:57:52</span>
收藏：<span class="colorCheng">0</span> 评论：<span
class="colorCheng">0</span> 赞：<span class="colorCheng">0</span> 阅读：<span
class="colorCheng">154</span>
</div>
</div>
<div class="width100bi divtextalignleft margintop20 divborderbottomdotted">
<div>
<a class="listtitle" href="/infodetail-1381193.html" title="ASP.NET2.0:页面中链入的CSS、js文件带中文时需注意"
target="_blank">
ASP.NET2.0:页面中链入的CSS、js文件带中文时需注意</a>
</div>
<div class="listzhaiyao">
</div>
<div class="list1">
分类：<span class="colorCheng"><a href="/infolist-2-1.html">Web开发</a></span> 时间：<span
class="colorlv">2016-02-06 09:57:23</span>
收藏：<span class="colorCheng">0</span> 评论：<span
class="colorCheng">0</span> 赞：<span class="colorCheng">0</span> 阅读：<span
class="colorCheng">174</span>
</div>
</div>
<div class="width100bi divtextalignleft margintop20 divborderbottomdotted">
<div>
<a class="listtitle" href="/infodetail-1381190.html" title="关于PHP5 Session生命周期介绍"
target="_blank">
关于PHP5 Session生命周期介绍</a>
</div>
<div class="listzhaiyao">
</div>
<div class="list1">
分类：<span class="colorCheng"><a href="/infolist-2-1.html">Web开发</a></span> 时间：<span
class="colorlv">2016-02-06 09:57:02</span>
收藏：<span class="colorCheng">0</span> 评论：<span
class="colorCheng">0</span> 赞：<span class="colorCheng">0</span> 阅读：<span
class="colorCheng">220</span>
</div>
</div>
<div class="margintop20">
<span id="lblpage">共<span class='pagecolorc'>365301</span>条 <a class='pagecolor pagenum' href='infolist-2-11131.html' title='上一页'>上一页</a> <a class='pagecolor pagenum' href='infolist-2-1.html'>1</a> <a class='pagecolor pagenum' href='infolist-2-11129.html' title='上一组'>...</a> <a class='pagecolor pagenum' href='infolist-2-11130.html'>11130</a> <a class='pagecolor pagenum' href='infolist-2-11131.html'>11131</a> <a class='pagecolorc pagecur'>11132</a> <a class='pagecolor pagenum' href='infolist-2-11133.html'>11133</a> <a class='pagecolor pagenum' href='infolist-2-11134.html'>11134</a> <a class='pagecolor pagenum' href='infolist-2-11135.html' title='下一组'>...</a> <a class='pagecolor pagenum' href='infolist-2-18266.html'>18266</a> <a class='pagecolor pagenum' href='infolist-2-11133.html' title='下一页'>下一页</a> </span>
</div>
</div>
</div>
<div class="width30bi divfloatright">
<div class="paddingbottom20">
<!-- <script type="text/javascript"> document.write(unescape('%3Cdiv id="bdcs"%3E%3C/div%3E%3Cscript charset="utf-8" src="http://znsv.baidu.com/customer_search/api/js?sid=10743263978424259100') + '&plate_url=' + (encodeURIComponent(window.location.href)) + '&t=' + (Math.ceil(new Date() / 3600000)) + unescape('"%3E%3C/script%3E'));</script> -->
</div>
<script type="text/javascript"> bubuko_load('right_top');</script>
<div class="width100bi divborder">
<div class="divtitle">
<div id="infofile1_div1" class="divfloatleft divtitlefont">
分享档案</div>
<div class="divfloatright">
<a href="/infotimemore.html" title="分享档案更多" class="colorCheng">更多></a>
</div>
<div class="divfloatclear">
</div>
</div>
<div class="divtextalignleft paddingleft10right10 margintop10bottom10 heightline30px">
<a class="taga" href="/infotime-20210923-1.html" title="2021年09月23日技术分享文章">
2021年09月23日
(328)</a><br />
<a class="taga" href="/infotime-20210924-1.html" title="2021年09月24日技术分享文章">
2021年09月24日
(313)</a><br />
<a class="taga" href="/infotime-20210917-1.html" title="2021年09月17日技术分享文章">
2021年09月17日
(191)</a><br />
<a class="taga" href="/infotime-20210915-1.html" title="2021年09月15日技术分享文章">
2021年09月15日
(369)</a><br />
<a class="taga" href="/infotime-20210916-1.html" title="2021年09月16日技术分享文章">
2021年09月16日
(411)</a><br />
<a class="taga" href="/infotime-20210913-1.html" title="2021年09月13日技术分享文章">
2021年09月13日
(439)</a><br />
<a class="taga" href="/infotime-20210911-1.html" title="2021年09月11日技术分享文章">
2021年09月11日
(398)</a><br />
<a class="taga" href="/infotime-20210912-1.html" title="2021年09月12日技术分享文章">
2021年09月12日
(393)</a><br />
<a class="taga" href="/infotime-20210910-1.html" title="2021年09月10日技术分享文章">
2021年09月10日
(160)</a><br />
<a class="taga" href="/infotime-20210908-1.html" title="2021年09月08日技术分享文章">
2021年09月08日
(222)</a><br />
</div>
</div>
<div class="width100bi margintop20 divborder">
<div class="divtitle">
<div id="infotop2_divtitle" class="divfloatleft divtitlefont">文章周排行</div>
<div class="divfloatright">
<a id="infotop2_amore" class="colorCheng"></a></div>
<div class="divfloatclear">
</div>
</div>
<div>
<ul>
<li class="divullititle heightline25px divtextalignleft"><a href="/infodetail-3181422.html"
title="在普通网页显示正常，加Https报This request has been blocked; the content must be served over HTTPS.，https网站加载http资源时，http资源被block" target='_blank'>
在普通网页显示正常，加Https报This request has been blocked; the content must be served over HTTPS.，https网站加载http资源时，http资源被block
<span class="colorlv">2019-09-03</span> </a></li>
<li class="divullititle heightline25px divtextalignleft"><a href="/infodetail-3020795.html"
title="JSONArray集合转list集合对象" target='_blank'>
JSONArray集合转list集合对象
<span class="colorlv">2019-04-12</span> </a></li>
<li class="divullititle heightline25px divtextalignleft"><a href="/infodetail-3761657.html"
title="WebStorm激活码2020年~2021年最新永久激活码！免费！！！" target='_blank'>
WebStorm激活码2020年~2021年最新永久激活码！免费！！！
<span class="colorlv">2021-05-08</span> </a></li>
<li class="divullititle heightline25px divtextalignleft"><a href="/infodetail-3732040.html"
title="遇到net::ERR_CONNECTION_REFUSED解决办法" target='_blank'>
遇到net::ERR_CONNECTION_REFUSED解决办法
<span class="colorlv">2021-03-03</span> </a></li>
<li class="divullititle heightline25px divtextalignleft"><a href="/infodetail-2102075.html"
title="xampp教程（一）：xampp下载，安装，配置，运行PHP的web项目" target='_blank'>
xampp教程（一）：xampp下载，安装，配置，运行PHP的web项目
<span class="colorlv">2017-06-03</span> </a></li>
<li class="divullititle heightline25px divtextalignleft"><a href="/infodetail-3728729.html"
title="webstorm激活码,2021最新永久注册码分享" target='_blank'>
webstorm激活码,2021最新永久注册码分享
<span class="colorlv">2021-02-21</span> </a></li>
<li class="divullititle heightline25px divtextalignleft"><a href="/infodetail-3716881.html"
title="重装系统之后出现https:/ / logincdn.msauth.net/shared/1.0/content/js/ConvergedLogin_PCore_xxvbETmiVPe1AsI9xwHp3A2.js" target='_blank'>
重装系统之后出现https:/ / logincdn.msauth.net/shared/1.0/content/js/ConvergedLogin_PCore_xxvbETmiVPe1AsI9xwHp3A2.js
<span class="colorlv">2021-01-17</span> </a></li>
<li class="divullititle heightline25px divtextalignleft"><a href="/infodetail-3761064.html"
title="WebStorm激活码2020.3，2021年最新永久激活码！" target='_blank'>
WebStorm激活码2020.3，2021年最新永久激活码！
<span class="colorlv">2021-05-07</span> </a></li>
</ul>
</div>
</div>
<div class="width100bi margintop20 divborder">
<div class="divtitle">
<div id="infotop3_divtitle" class="divfloatleft divtitlefont">文章月排行</div>
<div class="divfloatright">
<a id="infotop3_amore" class="colorCheng"></a></div>
<div class="divfloatclear">
</div>
</div>
<div>
<ul>
<li class="divullititle heightline25px divtextalignleft"><a href="/infodetail-3020795.html"
title="JSONArray集合转list集合对象" target='_blank'>
JSONArray集合转list集合对象
<span class="colorlv">2019-04-12</span> </a></li>
<li class="divullititle heightline25px divtextalignleft"><a href="/infodetail-3181422.html"
title="在普通网页显示正常，加Https报This request has been blocked; the content must be served over HTTPS.，https网站加载http资源时，http资源被block" target='_blank'>
在普通网页显示正常，加Https报This request has been blocked; the content must be served over HTTPS.，https网站加载http资源时，http资源被block
<span class="colorlv">2019-09-03</span> </a></li>
<li class="divullititle heightline25px divtextalignleft"><a href="/infodetail-3761657.html"
title="WebStorm激活码2020年~2021年最新永久激活码！免费！！！" target='_blank'>
WebStorm激活码2020年~2021年最新永久激活码！免费！！！
<span class="colorlv">2021-05-08</span> </a></li>
<li class="divullititle heightline25px divtextalignleft"><a href="/infodetail-3732040.html"
title="遇到net::ERR_CONNECTION_REFUSED解决办法" target='_blank'>
遇到net::ERR_CONNECTION_REFUSED解决办法
<span class="colorlv">2021-03-03</span> </a></li>
<li class="divullititle heightline25px divtextalignleft"><a href="/infodetail-3716881.html"
title="重装系统之后出现https:/ / logincdn.msauth.net/shared/1.0/content/js/ConvergedLogin_PCore_xxvbETmiVPe1AsI9xwHp3A2.js" target='_blank'>
重装系统之后出现https:/ / logincdn.msauth.net/shared/1.0/content/js/ConvergedLogin_PCore_xxvbETmiVPe1AsI9xwHp3A2.js
<span class="colorlv">2021-01-17</span> </a></li>
<li class="divullititle heightline25px divtextalignleft"><a href="/infodetail-2838551.html"
title="Failed to configure a DataSource: 'url' attribute is not specified and no embedded datasource could be configured" target='_blank'>
Failed to configure a DataSource: 'url' attribute is not specified and no embedded datasource could be configured
<span class="colorlv">2018-11-07</span> </a></li>
<li class="divullititle heightline25px divtextalignleft"><a href="/infodetail-3351393.html"
title="webpack报错：./src/main.js in multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js" target='_blank'>
webpack报错：./src/main.js in multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js
<span class="colorlv">2019-12-26</span> </a></li>
<li class="divullititle heightline25px divtextalignleft"><a href="/infodetail-3728729.html"
title="webstorm激活码,2021最新永久注册码分享" target='_blank'>
webstorm激活码,2021最新永久注册码分享
<span class="colorlv">2021-02-21</span> </a></li>
</ul>
</div>
</div>
<script type="text/javascript"> bubuko_load('right_bottom');</script>
</div>
<div class="divfloatclear">
</div>
</div>
<script type="text/javascript"> bubuko_load('bottom');</script>
<div class="width1000px divmargin0auto paddingtop20bottom20">
<div class="width1000px divborder margintop20">
<div class="youqingtitle">
<a title="友情链接">友情链接</a>
</div>
<div class="youqingcontent">
<a href='http://www.hubwiz.com/' title='汇智网在线编程学习' target='_blank'>汇智网</a>
<a href='http://www.5ibc.net' title='专注PHP程序员一站式免费学习站点' target='_blank'>PHP教程</a>
<a href='http://www.cnplugins.com/' title='插件网' target='_blank'>插件网</a>
<!--<a href='http://m.bubuko.com/doc3v35e/2022-03-31.html' title='王者荣耀' target='_blank'>王者荣耀</a>
<a href='http://m.bubuko.com/doc0tx77/6.html' title='刺激战场' target='_blank'>刺激战场</a>
<a href='http://m.bubuko.com/doc27/60.html' title='金铲铲' target='_blank'>金铲铲</a>
<a href='http://m.bubuko.com/doc2022-03-31/rolne.html' title='冰封王座' target='_blank'>冰封王座</a>
<a href='http://m.bubuko.com/doc20dq0/2022-03-31.html' title='魔兽世界' target='_blank'>魔兽世界</a>
<a href='http://m.bubuko.com/docovgq9/2022-03-31.html' title='哔哩哔哩' target='_blank'>哔哩哔哩</a>
<a href='http://m.bubuko.com/docuiwrn/27.html' title='狼人杀' target='_blank'>狼人杀</a>
<a href='http://m.bubuko.com/doc91/74.html' title='元神' target='_blank'>元神</a>
-->
</div>
</div>
</div>
<div class="bottomdiv">
<div class="width1000px divmargin0auto paddingtop20">
<div class="divfloatleft width500px">
<div class="height30px">
<a href="/about.html" title="bubuko.com关于我们">关于我们</a> - <a href="/contactus.html"
title="bubuko.com联系我们">联系我们</a> - <a href="/guest.html" title="bubuko.com留言反馈">留言反馈</a> - 联系我们:wmxa8@hotmail.com
</div>
<div class="height30px">
© 2014 <a href="http://www.bubuko.com" title="bubuko.com技术分享">bubuko.com</a> 版权所有
</div>
<div>
<span class="colorlv">打开技术之扣，分享程序人生！</span>
</div>
<div class="paddingtop20 paddingbottom20">
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?5bb992e19249070395266c385ebea7c6";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<script>
(function () {
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
</div>
</div>
<div class="divfloatright width500px">
</div>
<div class="divfloatclear">
</div>
</div>
</div>
<script type="text/javascript">
toptopmenu_i = "3";
infomenu_i = "2";
</script>
<script src="/js/bubukojs.js" type="text/javascript"></script>
</body>
</html>
