摘要:
我们在进行页面架构的时候,一般会分成三个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 阅读全文