JET'S BLOG

10款浏览器CSS Reset的方法

JET — Wed, 01 Sep 2010 10:12:38 +0800

知道CSS Reset是什么吗？通常情况下，它也被写成Reset CSS，即重设浏览器的样式。在各种浏览器中，都会对CSS的选择器默认一些数值，譬如当h1没有被设置数值时，显示一定大小。但并不是所有的浏览器都使用一样的数值，所以，有了CSS Reset，以让网页的样式在各浏览器中表现一致。

正在使用CSS的你，用过CSS Reset吗？当然，或许你用了，却不知道正在用，比如你可能用到：

* { padding: 0; margin: 0; border: 0; }

这也是一款CSS Reset的方法，让所有的选择器的padding、margin和border都设置成0。这是一种强大的方法，也是最简单，最安全的方法，不过，也是最占用资源的方法。对于小型的网站来说，用这个并不会带来大的资源浪费，但如果是像Yahoo这种架构非常大的网站，刚需要有选择地进行CSS重设，以减少资源浪费。

Yahoo的CSS重设代码

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre, 
form,fieldset,input,textarea,p,blockquote,th,td { 
padding: 0; 
margin: 0; 
} 
table { 
border-collapse: collapse; 
border-spacing: 0; 
} 
fieldset,img { 
border: 0; 
} 
address,caption,cite,code,dfn,em,strong,th,var { 
font-weight: normal; 
font-style: normal; 
} 
ol,ul { 
list-style: none; 
} 
caption,th { 
text-align: left; 
} 
h1,h2,h3,h4,h5,h6 { 
font-weight: normal; 
font-size: 100%; 
} 
q:before,q:after { 
content:”; 
} 
abbr,acronym { border: 0; 
}

OK，相信你也已经了解了CSS重设的目的，或许你也可以根据自己的喜好，写一个自己的CSS重设系统，毕竟大家的需求和习惯的不同的。而你可以参照下面的几款：

Ateneu Popular CSS Reset

html, body, div, span, applet, object, iframe, h1, h2, h3, 
h4, h5, h6, p, blockquote, pre, a, abbr, acronym, 
address, big, cite, code, del, dfn, em, font, img, ins, 
kbd, q, s, samp, small, strike, strong, sub, sup, tt, 
var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td { 
margin: 0; 
padding: 0; 
border: 0; 
outline: 0; 
font-weight: inherit; 
font-style: inherit; 
font-size: 100%; 
font-family: inherit; 
vertical-align: baseline; 
} 
:focus { outline: 0;} 
a, a:link, a:visited, a:hover, a:active{text-decoration:none} 
table { border-collapse: separate;border-spacing: 0;} 
th, td {text-align: left; font-weight: normal;} 
img, iframe {border: none; text-decoration:none;} 
ol, ul {list-style: none;} 
input, textarea, select, button {font-size: 100%;font-family: inherit;} 
select {margin: inherit;} 
hr {margin: 0;padding: 0;border: 0;color: #000;background-color: #000;height: 1px}

Chris Poteet’s Reset CSS

* { 
vertical-align: baseline; 
font-family: inherit; 
font-style: inherit; 
font-size: 100%; 
border: none; 
padding: 0; 
margin: 0; 
} 
body { 
padding: 5px; 
} 
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, ul, ol, dl { 
margin: 20px 0; 
} 
li, dd, blockquote { 
margin-left: 40px; 
} 
table { 
border-collapse: collapse; 
border-spacing: 0; 
}

Eric Meyer Reset CSS

html, body, div, span, applet, object, iframe, table, caption, 
tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, 
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, 
acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend { 
vertical-align: baseline; 
font-family: inherit; 
font-weight: inherit; 
font-style: inherit; 
font-size: 100%; 
outline: 0; 
padding: 0; 
margin: 0; 
border: 0; 
} 
:focus { 
outline: 0; 
} 
body { 
background: white; 
line-height: 1; 
color: black; 
} 
ol, ul { 
list-style: none; 
} 
table { 
border-collapse: separate; 
border-spacing: 0; 
} 
caption, th, td { 
font-weight: normal; 
text-align: left; 
} 
blockquote:before, blockquote:after, q:before, q:after { 
content: ""; 
} 
blockquote, q { 
quotes: "" ""; 
}

Tantek Celik Reset CSS

:link,:visited { text-decoration:none } 
ul,ol { list-style:none } 
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; } 
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input 
{ margin:0; padding:0 } 
a img,:link img,:visited img { border:none } 
address { font-style:normal }

Christian Montoya Reset CSS

html, body, form, fieldset { 
margin: 0; 
padding: 0; 
font: 100%/120% Verdana, Arial, Helvetica, sans-serif; 
} 
h1, h2, h3, h4, h5, h6, p, pre, 
blockquote, ul, ol, dl, address { 
margin: 1em 0; 
padding: 0; 
} 
li, dd, blockquote { 
margin-left: 1em; 
} 
form label { 
cursor: pointer; 
} 
fieldset { 
border: none; 
} 
input, select, textarea { 
font-size: 100%; 
font-family: inherit; 
}

Rudeworks Reset CSS

* { 
margin: 0; 
padding: 0; 
border: none; 
} 
html { 
font: 62.5% "Lucida Grande", Lucida, Verdana, sans-serif; 
text-shadow: #000 0px 0px 0px; 
} 
ul { 
list-style: none; 
list-style-type: none; 
} 
h1, h2, h3, h4, h5, h6, p, pre, 
blockquote, ul, ol, dl, address { 
font-weight: normal; 
margin: 0 0 1em 0; 
} 
cite, em, dfn { 
font-style: italic; 
} 
sup { 
position: relative; 
bottom: 0.3em; 
vertical-align: baseline; 
} 
sub { 
position: relative; 
bottom: -0.2em; 
vertical-align: baseline; 
} 
li, dd, blockquote { 
margin-left: 1em; 
} 
code, kbd, samp, pre, tt, var, input[type='text'], textarea { 
font-size: 100%; 
font-family: monaco, "Lucida Console", courier, mono-space; 
} 
del { 
text-decoration: line-through; 
} 
ins, dfn { 
border-bottom: 1px solid #ccc; 
} 
small, sup, sub { 
font-size: 85%; 
} 
abbr, acronym { 
text-transform: uppercase; 
font-size: 85%; 
letter-spacing: .1em; 
border-bottom-style: dotted; 
border-bottom-width: 1px; 
} 
a abbr, a acronym { 
border: none; 
} 
sup { 
vertical-align: super; 
} 
sub { 
vertical-align: sub; 
} 
h1 { 
font-size: 2em; 
} 
h2 { 
font-size: 1.8em; 
} 
h3 { 
font-size: 1.6em; 
} 
h4 { 
font-size: 1.4em; 
} 
h5 { 
font-size: 1.2em; 
} 
h6 { 
font-size: 1em; 
} 
a, a:link, a:visited, a:hover, a:active { 
outline: 0; 
text-decoration: none; 
} 
a img { 
border: none; 
text-decoration: none; 
} 
img { 
border: none; 
text-decoration: none; 
} 
label, button { 
cursor: pointer; 
} 
input:focus, select:focus, textarea:focus { 
background-color: #FFF; 
} 
fieldset { 
border: none; 
} 
.clear { 
clear: both; 
} 
.float-left { 
float: left; 
} 
.float-right { 
float: right; 
} 
body { 
text-align: center; 
} 
#wrapper { 
margin: 0 auto; 
text-align: left; 
}

Anieto2K Reset CSS

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, big, 
cite, code, del, dfn, em, font, img, 
ins, kbd, q, s, samp, small, strike, 
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, 
center, u, b, i { 
margin: 0; 
padding: 0; 
border: 0; 
outline: 0; 
font-weight: normal; 
font-style: normal; 
font-size: 100%; 
font-family: inherit; 
vertical-align: baseline 
} 
body { 
line-height: 1 
} 
:focus { 
outline: 0 
} 
ol, ul { 
list-style: none 
} 
table { 
border-collapse: collapse; 
border-spacing: 0 
} 
blockquote:before, blockquote:after, q:before, q:after { 
content: "" 
} 
blockquote, q { 
quotes: "" "" 
} 
input, textarea { 
margin: 0; 
padding: 0 
} 
hr { 
margin: 0; 
padding: 0; 
border: 0; 
color: #000; 
background-color: #000; 
height: 1px 
}

CSSLab CSS Reset

html, body, div, span, applet, object, iframe, h1, h2, h3, 
h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, 
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, 
thead, tr, th, td { 
margin: 0; 
padding: 0; 
border: 0; 
outline: 0; 
font-weight: inherit; 
font-style: inherit; 
font-size: 100%; 
font-family: inherit; 
vertical-align: baseline; 
} 
:focus { 
outline: 0; 
} 
table { 
border-collapse: separate; 
border-spacing: 0; 
} 
caption, th, td { 
text-align: left; 
font-weight: normal; 
} 
a img, iframe { 
border: none; 
} 
ol, ul { 
list-style: none; 
} 
input, textarea, select, button { 
font-size: 100%; 
font-family: inherit; 
} 
select { 
margin: inherit; 
} 
/* Fixes incorrect placement of numbers in ol’s in IE6/7 */ 
ol { margin-left:2em; } 
/* == clearfix == */ 
.clearfix:after { 
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden; 
} 
.clearfix {display: inline-block;} 
* html .clearfix {height: 1%;} 
.clearfix {display: block;}

这些都大同小异，需求不同，方法也就不同，而且每个人都有自己的喜好。

保存并隐藏Typecho评论者信息

JET — Tue, 10 Aug 2010 15:42:01 +0800

换到 Typecho 后，折腾博客的兴趣又来了，很多以前没玩过的效果也逐一试试！对于爱逛博客的我，看到喜爱的文章发表评论是经常的，每次都需要输昵称和邮箱就觉得有点麻烦，虽然浏览器表单会保存着这些信息，但如果把上次评论时填写的信息保存起来，是否会获得更好的体验呢？

为解决这个问题我搜索了不少文章来看，找到一段简短的 js 代码，实现记录访客 Cookies，并隐藏评论者昵称、邮箱、网址等个人信息的功能，这样可以让第二次回访的用户在留言时看上去如同管理员登陆时的状态一样。

现在应老A童鞋的要求，放出：

1、在当前使用的主题文件夹中修改 comments.php，把昵称、电邮、网址的输入框用

<div id="author_info">·····</div>

包起来。

2、新建一个名为 infohide 的 js 文件，把以下代码放进去：

$(function(){	
 
/*隐藏老用户输入框*/
	if($('#author').length>0 && $('#author').val().length>0){ //判断ID="author"是否存在 值不为空执行以下代码
 
		$('<p id="welcome">欢迎回来<span id="username"></span></p>').insertBefore('#author_info');
		$('#author_info').slideUp();
 
 
		var ss = $('input[id="author"]').attr("value");
		$('#username').html(" "+ss+"：");
 
		$('#welcome').append("<span id=\"change\">修改资料<\/span><span id=\"update\">点击这里更新资料<\/span><span id=\"hint\">资料修改成功<\/span")
 
		$('#change').click(function(){
			$('#author_info').slideDown(); //显示资料框
			$(this).hide(); //隐藏 修改资料
			$('#update').show(); //显示 更新资料
		});
 
		$('#update').click(function(){
			$('#author_info').slideUp(); //隐藏资料框
			$(this).hide(); //隐藏 更新资料
			$('#hint').show(); //显示 资料修改成功
			setTimeout(function(){$('#hint').hide();},2000); //隐藏 资料修改成功
			setTimeout(function(){$('#change').show();},2000); //还原 修改资料
			var s = $('input[id="author"]').attr("value");
			$('#username').html(" "+s+"：");
		});
		}
	})

保存文件至当前主题目录下。

3、在 footer.php 中引用 JQuery 和以上 infohide.js ：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript" src="<?php $this->options->themeUrl('infohide.js'); ?>"></script>

4、最后一步，就是用 css 美化一下了，具体的需要自己微调吧：

/*隐藏评论者信息*/
#author_info p {
	height: 30px;
}
#welcome {
	height: 30px;
}
 
#change {
	cursor:pointer;
}
#update {
	cursor:pointer;
	display:none;
	color:#F90;
}
#hint {
	color:#6f8606;
	display:none;
}

缓存 Gravatar 头像至本地服务器

JET — Fri, 06 Aug 2010 17:10:11 +0800

缓存 Gravatar 的好处显而易见，它可以减少博客站外文件的请求数量，加速页面的载入。要知道 Gravatar 服务被全球不计其数的站点使用，其服务器压力可想而知。遇上高峰时段，Gravatar 肯定会成为影响博客加载速度的瓶颈。就如同这几天，原本以为博客搬到国外后，读取 Gravatar 头像会和博客访问速度相差无几的，但出乎意料的是，速度比在国内更为糟糕，甚至出现无法读取头像的情况。所以，干脆把 Gravatar 头像缓存到服务器上得了！

搜索了下相关资料，找到一个简单的方法，就几个步骤：

1、在 usr 目录下建立一个文件夹 avatar 赋予 755 权限，放一张默认头像 default.jpg。

2、在 theme 的 comments.php 原有的:

<?php $comments->gravatar(32, 'X', '', 'avatar'); ?>

3、替换为：

<?php
$u = Helper::options()->siteUrl;
$p = 'usr/avatar/';
$d = $u . $p . 'default.jpg';
$t = 1209600; // 缓存时间，默认为14天
$f = md5(strtolower($comments->mail));
$a = $u . $p . $f . '.jpg';
$e = __TYPECHO_ROOT_DIR__ . '/' . $p . $f . '.jpg';
if ( !is_file($e) || (time() - filemtime($e)) > $t ){//当文件不存在或文件超过14天才更新
$g = 'http://www.gravatar.com/avatar/' . $f . '?s=32&d=' . $d . '&r=X';
copy($g, $e);
}
if ( filesize($e) < 500 ) copy($d, $e);
?>
<img src="<?php echo $a ?>" alt="" title="<?php echo $comments->author; ?>"/>

单身，快乐还是寂寞？

JET — Thu, 29 Jul 2010 18:09:38 +0800

每天，独自一人挤着公交车去上班，可能是一个人习惯了，但广州的公交车让人很难习惯。总是在期待着下一趟车回事空车，就象哪天突然在路上遇到梦中情人，然后······。然而我并不是生活在梦里，现实总是很残忍的。虽然平常很喜欢跟朋友胡侃，但是公交车上我还是比较喜欢坐在车尾的某个角落里，带上耳机，安静的呆着。

每天，下班后想起那冷清清的房间，于是乎走到江边，看着那一对对的情侣或者草地上那一群群的家庭，心里的孤独感更强烈了。

很喜欢独自一个人乘车出外旅行，望着无边无际的大海，可以喊出心里的话，骂上几句平时不敢骂的人。同样喜欢坐在漆黑一片的房间里，对着电脑噼噼啪啪的敲着，哪怕对面那个真会是一条狗。什么都可以想，什么都可以不想。为自己编织一个自由的幻想空间。单身对于人生的意义，就像独处之于某一天，某一段年龄，是必然的经历，是美丽的邂逅，是主动选择。

当然并不是单身就拥有快乐，但快乐的单身必定属于乐观的人。一个人也许没有两个人时候那么的快乐幸福，但是现在的我已经努力让自己快乐了！认识很多的朋友!也很幸福。偶尔一个人的时候会想起曾经的她，很正常，但是没有伤感，都是幸福的片段！

《小胖妞》- 广美何伟锋

JET — Mon, 26 Jul 2010 02:40:23 +0800

这是一个公主拯救王子的时代

结局很现实，王子还是王子，灰姑娘还是灰姑娘。

对于HTML5,我们应该期待什么？！

JET — Sun, 25 Jul 2010 14:38:54 +0800

HTML 5 的历史背景

HTML 5草案的前身名为Web Applications 1.0。于2004年被WHATWG提出，于2007年被W3C接纳，并成立了新的HTML工作团队。在2008年1月22日，第一份正式草案发布。WHATWG表示该规范是目前正在进行的工作，仍须多年的努力。

WHATWG，这个HTML5背后的组织，用下面的话描述自己：2004年由Apple，Mozilla基金会，Opera软件中的人员创建，他们的矛头直指W3C直属的XHTML，认为HTML缺少乐趣，对现实世界的需求置之不理。这些组织中的有识之士决心改变这一切，所以超文本应用技术工作小组 (WHATWG的英文全称)应运而生。HTML5预计在2012年正式登上W3C候选a标准的舞台。但是这并不意味着你到那时才能使用。一些技术已经成熟，一些部分已经足够稳定，一些功能实现已经接近尾声，所以我们现在就可以体验它们的新特性了。当前，市场正一步一步加速WHATWG项目的进程。

HTML 语法的变化

HTML5 吸取了 XHTML 2 的一些建议，包括一些用来改善文档结构的功能，比如，新的 HTML 标签 header, footer, dialog, aside, fugure 等的使用，将使内容创作者更加语义地创建文档，之前的开发者在这些场合是一律使用 div 的。

HTML5 还包含了一些将内容和展示分离的努力，开发者们也许会惊讶，b 和 i 标签依然存在，但它们的意义已经和之前有所不同，这些标签的意义只是为了将一段文字标识出来，而不是为了为它们设置粗体或斜体式样。u，font，center，strike 这些标签则被完全去掉了。

新标准适用了一些全新的表单输入对象，包括日期，URL，Email 地址，其它的对象则增加了对非拉丁字符的支持。HTML5 还引入了微数据，一种使用机器可以识别的标签标注内容的方法，使语义 Web 的处理更为简单。总的来说，这些与结构有关的改进使内容创建者可以创建更干净，更容易管理的网页，这样的网页对搜索引擎，对读屏软件等更为友好。

HTML 5的争论

关于HTML 5的争论多种多样，其中最大的争论点在于业界对HTML 5取代Flash、Silverlight这些RIA主力军。

任何新技术的诞生到完善，都必将经历一段漫长的时间，其中也会牵扯到一些问题，对 Web 设计者而言，最大的一个问题就是因为这些新标签的引入，各浏览器之间将缺少一种统一的数据描述格式。

在 HTML5 被广泛采用之前，我们还无法完全知道 HTML5 代码将带来的好与坏。

HTML5 体验站点

Mozilla Bespin An in-browser programmer's editor written using HTML technologies

YouTube YouTube's HTML5 player offers experimental HTML5 support

Vimeo Vimeo movies offer a link at the bottom for switching to an HTML5 player (Chrome, Safari, IE+Chrome Frame)

Merge Design An HTML5 geolocation demo

Sticky Notes A demonstration of HTML5 client-side storage

Wolfenstein 3D Demo using the canvas tag with

how-to works in Firefox 3.6

ClouserW Soundboard An HTML5 sound board showing off multimedia capabilities

FreeCiv A game implemented in HTML5

腾讯微博邀请码

JET — Tue, 11 May 2010 13:24:25 +0800

看来腾讯微博的公开测试就快开始了，每天发放的邀请码数目也开始增多。

邀请码只能使用一次的，一旦有人使用，就会失效，所以，必须手快，先到先得！

为了更快的注册微博，请首先想好自己需要注册的微博地址，名字。

然后，用需要开通腾讯微博的QQ号码登陆 t.qq.com

接着再打开邀请码地址。

http://t.qq.com/invite/3b0de1b24b06c14f2805
http://t.qq.com/invite/947f080741cb74fa4bad
http://t.qq.com/invite/c508aa78dcd60b08460b
http://t.qq.com/invite/87de4033157fa2bde82d
http://t.qq.com/invite/84a7fe3664637a3d0c1d

5月12日
http://t.qq.com/invite/9b7ebae037366e724d4f
http://t.qq.com/invite/7b2022434cb04fa31957
http://t.qq.com/invite/c28d396b8492684d725d
http://t.qq.com/invite/2f1b64f4ddc15921f157
http://t.qq.com/invite/f979d46591e97b8618d7

5月11日
http://t.qq.com/invite/794251ef6556b44381e1
http://t.qq.com/invite/b29bd73b52b76642108b
http://t.qq.com/invite/3b0de1b24b06c14f2805
http://t.qq.com/invite/947f080741cb74fa4bad
http://t.qq.com/invite/c508aa78dcd60b08460b
http://t.qq.com/invite/87de4033157fa2bde82d
http://t.qq.com/invite/84a7fe3664637a3d0c1d
http://t.qq.com/invite/95ea6e82aafd968977c5

我相信

JET — Thu, 06 May 2010 23:06:11 +0800

听完这首哈尔滨理工大学版的我相信后，有种想落泪的感觉。不知道有多少这几年毕业的大学生会产生共鸣呢？在大学的时候，充满激情，对未来充满希望。但毕业后让这个社会把自己的激情浇灭了，也放弃了当初的梦想。

想飞上天和太阳肩并肩，世界等着我去改变
想做的梦从不怕别人看见，在这里我都能实现
让生活的笑让你我肩并肩，何处不能欢乐无限
抛开烦恼，勇敢的大步向前，我就站在舞台中间
我相信我就是我，我相信明天
我相信青春没有地平线
在日落的海边，在热闹的大街，都是我心中最美的乐园
我相信自由自在，我相信期望，我相信伸手就能碰到天
有你在我身边，让生活更新鲜，每一刻都精彩万分
I do believe

想飞上天和太阳肩并肩，世界等着我去改变
抛开烦恼，勇敢的大步向前，我就站在舞台中间
我相信我就是我，我相信明天
我相信青春没有地平线
在日落的海边，在热闹的大街，都是我心中最美的乐园
我相信自由自在，我相信期望，我相信伸手就能碰到天
有你在我身边，让生活更新鲜，每一刻都精彩万分
I do believe

我相信我就是我，我相信明天
我相信青春没有地平线
在日落的海边，在热闹的大街，都是我心中最美的乐园
我相信自由自在，我相信期望，我相信伸手就能碰到天
有你在我身边，让生活更新鲜，每一刻都精彩万分
I do believe

新体验 QQ概念版

JET — Mon, 19 Apr 2010 20:31:34 +0800

今天腾讯放出了概念版QQ的体验，看到这么多新功能就迫不及待的去下载来试用下。安装包很小，只有13MB，安装过程很简单。安装速度也很快。安装好之后，登录时可发现，登录窗口是动态的，界面效果相当炫！

在勾选记住密码的方框时可发现，绿色的对号很平滑地跳出来，效果很舒服。

全新的好友管理功能：好友依照分组，很随意地散布在木质平台上，用户可随意拖动好友到不同分组，且支持多点触控。在拖动平台可以显示更多的好友。不过只能显示QQ的默认头像，而不是自定义头像。

让我期待的是多TAB聊天窗口：通过拖拽会话窗口上的头像，可以拆分、合并会话窗口，让桌面更加整洁清爽！切换会话窗口更加便捷。该功能暂不支持群会话窗口。

嵌入式好友桌面信息功能，可以拖动好友头像至桌面，实时关注好友的最新状态，即时快聊，实现无缝沟通和互动。

总的来说体验版的功能还很基础，基本的聊天和传送文件都已满足，可以说是腾讯释放的一个概念<性产品，有兴趣的童鞋可以去试试！

点击下载QQ概念版

微博礼仪规范--腾讯出品

JET — Thu, 15 Apr 2010 18:40:14 +0800

腾讯微博在微博界推出一个独一无二的“举报”功能后，今天推出了一个新的特色，微博礼仪规范。刚收到消息，不少童鞋给腾讯封号了，看来发言需小心谨慎呢。咱呢，就看图不说话！