Skip to content

Instantly share code, notes, and snippets.

View bbzz's full-sized avatar

onecp bbzz

8 followers · 16 following
View GitHub Profile
@bbzz
bbzz / HTML-tags.md
Created January 10, 2014 08:18 — forked from yisibl/HTML-tags.md

常用的 HTML 头部标签

详细介绍参见原文：yisibl/blog#1

<!DOCTYPE html> <!-- 使用 HTML5 doctype，不区分大小写 -->
<html lang="zh-cmn-Hans"> <!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa -->
<head>
    <meta charset='utf-8'> <!-- 声明文档使用的字符编码 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <!-- 优先使用 IE 最新版本和 Chrome -->
@bbzz
bbzz / HTML-tags.md
Created December 19, 2013 10:36 — forked from yisibl/HTML-tags.md

常用的 HTML 头部标签

详细介绍参见原文：yisibl/blog#1

<!DOCTYPE html> <!-- 使用 HTML5 doctype，不区分大小写 -->
<html lang="zh-cmn-Hans"> <!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa -->
<head>
    <meta charset='utf-8'> <!-- 声明文档使用的字符编码 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <!-- 优先使用 IE 最新版本和 Chrome -->
@bbzz
bbzz / HTML-tags.html
Created December 16, 2013 13:57 — forked from yisibl/HTML-tags.md
<!DOCTYPE html> <!-- HTML5 doctype 不区分大小写 -->
<html lang="zh-cmn-Hans-CN"> <!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa -->
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <!-- 优先使用IE最新版本和 Chrome -->
<!-- width=device-width 会导致 iPhone 5 添加到主屏后以 WebAPP 全屏模式打开页面时出现黑边 http://bigc.at/ios-webapp-viewport-meta.orz -->
<meta name ="viewport" content ="initial-scale=1.0, maximum-scale=3, minimum-scale=1, user-scalable=no">
@bbzz
bbzz / HTML-tags.html
Created December 16, 2013 13:57 — forked from yisibl/HTML-tags.md
<!DOCTYPE html> <!-- HTML5 doctype 不区分大小写 -->
<html lang="zh-cmn-Hans-CN"> <!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa -->
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <!-- 优先使用IE最新版本和 Chrome -->
<!-- width=device-width 会导致 iPhone 5 添加到主屏后以 WebAPP 全屏模式打开页面时出现黑边 http://bigc.at/ios-webapp-viewport-meta.orz -->
<meta name ="viewport" content ="initial-scale=1.0, maximum-scale=3, minimum-scale=1, user-scalable=no">
@bbzz
bbzz / dabblet.css
Created December 13, 2012 02:17 — forked from kejun/dabblet.css
Untitled
body { padding:1em;font:normal 14px/1.5 arial,sans-serif; }
.mod ul, .mod li { margin:0;padding:0;list-style:none; }
.mod li { padding:1ex 0;border-top: 1px solid #ccc; }
.mod li:nth-child(1) { border:none; }
.mod { width:40%;margin:auto;padding:1.5em;border:1px solid #eee; }
.mod li a { display:block;padding:10px;text-decoration:none; }
.mod li a:hover { color:#fff;background:#369;border-radius:5px;padding:10px 20px;margin-left:-20px;-webkit-transform:translate(10px,0) scale(1) translateZ(0); }
@bbzz
bbzz / dabblet.css
Created December 12, 2012 13:06 — forked from kejun/dabblet.css
Untitled
.mod {
position: absolute;
width: 300px;
background: #eee;
border: 1px solid #eee;
padding: 0 50px;
-webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.2);
-moz-box-shadow: 0 0 4px 0 rgba(0,0,0,0.2);
box-shadow: 0 0 4px 0 rgba(0,0,0,0.2);
top: 50%;
@bbzz
bbzz / dabblet.css
Created December 12, 2012 11:50 — forked from kejun/dabblet.css
sample-1缺点 ＋ 必须固定高度
body {
width: 600px;
font:normal 14px/1.62 arial, sans-serif;
}
.mod {
margin-bottom:100px;
background-color:#efc;
}
.pic {
margin-right: 20px;