摘要:
懒加载 1 <style> 2 img a,img{border:0px;} 3 div{ margin-bottom:10px;} 4 </style> 5 <!-- 6 一、为什么需要懒加载? 7 对于图片过多的使用场景,为了提高页面加载速度,改善用户体验,我们对未出现在视野范围内的图片先不进行 阅读全文
摘要:
小图展示大图 1 <style> 2 *{margin:0;padding:0;} 3 ul,ol{list-style:none;} 4 #box { 5 position:relative; 6 margin:100px auto; 7 border:1px solid #ccc; 8 widt 阅读全文
摘要:
自引jquery 1 <style> 2 * { margin: 0; padding: 0; } 3 ul { list-style: none; margin: 100px; } 4 .comment { 5 color: red; 6 } 7 8 .comment li { 9 float: 阅读全文
摘要:
萤火虫 <style type="text/css"> *{ padding: 0; margin: 0; } #bg{ background: url(img/bg.jpg) no-repeat; background-size: cover; width: 100%; height: 100%; 阅读全文
摘要:
下雪效果 1 <style> 2 * { 3 margin: 0; 4 padding: 0; 5 } 6 #box { 7 width: 1000px; 8 height: 600px; 9 background: #000000; 10 border: 5px solid red; 11 mar 阅读全文
摘要:
选项卡(tab栏切换) 1 <style type="text/css"> 2 *{margin: 0; padding: 0; font-family: "微软雅黑";font-size: 14px;} 3 #container{ 4 width: 398px; 5 margin: 100px a 阅读全文
摘要:
自引jquery css <style> *{margin:0px;padding:0px;} li{list-style:none;} #brand{ width:330px; height:400px; border:1px solid #dddddd; box-shadow:0px 0px 5 阅读全文
摘要:
掷 <style> *{margin:0; padding:0} #container{padding:10px;width:200px;margin:auto;height:200px;border:orange solid 1px; border-radius:8px;} #dice{width 阅读全文
摘要:
简易年历 1 <style type="text/css"> 2 * { padding: 0; margin: 0; } 3 li { list-style: none; } 4 body { background: #f6f9fc; font-family: arial; } 5 6 .cale 阅读全文
摘要:
弹幕小效果 <style type="text/css"> *{ margin: 0; padding: 0;} #box{ width: 542px; height: 330px; border: 3px solid goldenrod; margin-left:300px;} #btm{marg 阅读全文
摘要:
跟随的广告 <style> img{ position: absolute; left:0; top:50px; } #demo{ width:1000px; margin:0 auto; } </style> </head> <body> <img src="images/aside.jpg" a 阅读全文
摘要:
飞机跑道进度条 <link rel="stylesheet" href="css/font-awesome.css"> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="container"> <div c 阅读全文
摘要:
层级轮播图(animate) css <style type="text/css"> * { margin: 0; padding: 0; } ul, ol { list-style: none; } .wrap { width: 650px; height: 250px; margin: 100p 阅读全文