摘要：
我们在进行页面架构的时候，一般会分成三个section：header、body、footer。如下面这个页面： 这个时候我们就需要对body部分进行最小高度设置，才能避免footer部分出现在页面中间的情况。比方说下面在这个写法： .page-content-header { min-height: 阅读全文
摘要：
如果想动态的获取当前栏目所处的位置，就要关联到数据库，下面是例子： 栏目表（category）： 涉及到二级目录。 （1）首先在你的首页导航栏，还有首页所出现的链接后面，为栏目加上catid，就像这样： 。 当然，子页公用的导航栏也是要加上的。 （2）然后在控制器里面获取数据。 /* 当前位置 */ 阅读全文
摘要：
为网站的图片加上加载失败的默认占位符会让网站看起来更专业、更严谨。 <img src="__PUBLIC__/img/simple/simplelove.png" onerror="onerror=null;src='__PUBLIC__/img/defaultpic.jpg'"> 如果图片加载失败 阅读全文
摘要：
动态版本控制可以根据时间戳来实现，但是这样的话，每次打开页面都会重新下载加了版本控制的文件，如果你的页面自身打开本来就慢的话， 这样一来，无疑会带来很差的用户体验。 但是如果在每个引用文件后面都手动加上版本，如果页面比较多的话，这很明显是个很蠢的做法，所以我们可以这样做： （1）在入口文件定义公共模 阅读全文
摘要：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-COMPATIBLE" content="IE=edge"> <style> .choose { margin: .5em 0; b 阅读全文
摘要：
根据不同浏览器： <script type="text/javascript"> var version = navigator.userAgent; if (version.indexOf("MSIE") > 1) { document.write("<link href='ie.css' rel 阅读全文
摘要：
textarea::-webkit-input-placeholder{ padding: 1em; } textarea::-moz-placeholder{ padding: 1em; } 同理，input的定义方法为： input::-webkit-input-placeholder{ pad 阅读全文
摘要：
先上效果： HTML: <div class="tag"> <div class="tag-box"> <div class="tag-content-box"> <div class="tag-content"> <span class="tag-content-line"></span> <sp 阅读全文
摘要：
HTML： <div class="top"> <ul> <li class="finish">步骤一<span class="end"><em class="pre"></em><em class="nex"></em></span></li> <li>步骤二<span class="end">< 阅读全文
摘要：
animatron 阅读全文