想想去年注册这个域名还是很有想法的。

当时正在学习JAVA，主攻Java EE方面，Java EE（Java Platform，Enterprise Edition）是sun公司推出的企业级应用程序版本，。这个版本以前称为 J2EE。能够我们帮助开发和部署可移植、健壮、可伸缩且安全的服务器端 Java 应用程序。Java EE 是在 Java SE 的基础上构建的，它提供 Web 服务、组件模型、管理和通信 API，可以用来实现企业级的面向服务体系结构（service-oriented architecture，SOA）和 Web 2.0 应用程序。

之前经常光顾一个叫《CSS禅意花园》的国外网站，相信各位站长一定不陌生。因此有感，就想为什么不搞一个Java EE方面的精华类博客。于是此米诞生 www.jeezen.com   JEE 是Java EE的简写，Zen 是禅的意思。当时想，以后的工作就一定是Java EE方面了，因为真的很喜欢JAVA语言的风格，一定要把自己所掌握的毕生精髓，都在此博与众共享。可是这一年来生活所迫，各种外界因素所致，始终未能找到一个与JAVA方面的有关联的工作，期间虽然也曾用JAVA语言开发过几个小程序，但根本都上不了台面，更别说什么精髓了。

这段日子过的很煎熬，不知道什么时候是个头。

唉！真是可悲此米，浪费此米。JAVA EE 禅意之道，何人识得？何人赏得？

w            向前 移动一个词
b                    回到前词首  
e                  词末尾

进入编辑文档后，按ESC 才可以使用相应命令。

舍掉小数取整:Math.floor(2.0)=2
舍掉小数取整:Math.floor(2.1)=2
舍掉小数取整:Math.floor(2.5)=2
舍掉小数取整:Math.floor(2.9)=2

舍掉小数取整:Math.floor(-2.0)=-2
舍掉小数取整:Math.floor(-2.1)=-3
舍掉小数取整:Math.floor(-2.5)=-3
舍掉小数取整:Math.floor(-2.9)=-3

四舍五入取整:Math.rint(2.0)=2
四舍五入取整:Math.rint(2.1)=2
四舍五入取整:Math.rint(2.5)=2
四舍五入取整:Math.rint(2.9)=3

四舍五入取整:Math.rint(-2.0)=-2
四舍五入取整:Math.rint(-2.1)=-2
四舍五入取整:Math.rint(-2.5)=-2
四舍五入取整:Math.rint(-2.9)=-3

凑整:Math.ceil(2.0)=2
凑整:Math.ceil(2.1)=3
凑整:Math.ceil(2.5)=3
凑整:Math.ceil(2.9)=3

凑整:Math.ceil(-2.0)=-2
凑整:Math.ceil(-2.1)=-2
凑整:Math.ceil(-2.5)=-2
凑整:Math.ceil(-2.9)=-2

四舍五入取整:Math.round(2.0)=2
四舍五入取整:Math.round(2.1)=2
四舍五入取整:Math.round(2.5)=3
四舍五入取整:Math.round(2.9)=3

四舍五入取整:Math.round(-2.0)=-2
四舍五入取整:Math.round(-2.1)=-2
四舍五入取整:Math.round(-2.5)=-2
四舍五入取整:Math.round(-2.9)=-3

有需要的邀请的朋友可以留言给我。 还有好多种子呢。

http://t.qq.com/ideaid

首先，很认真的告诉你，总是要重置某些分类。无论你是使用 Eric Meyer Reset、YUI Reset或者你自己编写的重置代码，只要使用就对了。

它能很简单的移除所有元素的填充（padding）和边距（margin）：

1. html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
2. pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

Eric Meyer Reset和YUI Reset都是非常强大的，但是对于我而言，它们走的太远了。我觉得你最终需要重置一切，然后重新定义所有元素的属性。这就是为什么Eric Meyer推荐更有效的使用（重置样式表），而你不要只是使用他的重置样式表，将它拖放到你的项目中。调整它（的重置样式表），建立属于自己的重置样式表。

噢，请停止使用：

* { margin: 0; padding: 0; }

花更多的时间去制作它，当你移除了填充（padding）你认为单选按钮会发生什么变化？表单元素有时能够做些时髦的事情，所以最有效的方式就是将他们独立。
2.排序

一个小的测试
这个例子就是要让你思考如何更快的找到右边距属性？

Example#1

div#header h1 {
z-index: 101;
color: #000;
position: relative;
line-height: 24px;
margin-right: 48px;
border-bottom: 1px solid #dedede;
font-size: 18px;
}

Example#2

div#header h1 {
border-bottom: 1px solid #dedede;
color: #000;
font-size: 18px;
line-height: 24px;
margin-right: 48px;
position: relative;
z-index: 101;
}

你不能告诉我Example#2不能更快的找到右边距属性。根据字母排序你的元素属性。一致的创建你的CSS，将帮助你节省花费在寻找一个特殊属性的时间。

我知道一些人用这样的方法去组织代码，其他人又用另一种方法去组织，但是在我的公司，我们协商一致做出决定，所有的代码都将按照字母排序来组织。通过这样组织代码与其他人协同工作一定是有帮助的。当我碰到属性没有按照字母排序的层叠样式表我每一次都会退缩。
3.组织

你应该组织你的样式表以致相关的内容靠在一起，更简单的找到想要的。使用更有效的注解。举个例子，这是我如何构造我的层叠样式表：

/*****Reset*****/
移除元素的填充（padding）和边距（margin）。
/*****Basic Elements*****/
定义基本元素的样式: body, h1-h6, ul, ol, a, p, 等.
/*****Generic Classes*****/
定义简单的风格，好像浮动的某一侧, 移除元素的下边距, 等当然，它们大部分都与我们希望的语义不相关,但是它们是高效处理代码所必须的。
/*****Basic Layout*****/
定义基本的模板: header, footer等. 帮助定义网页布局的基本元素
/*****Header*****/
定义所有Hearder元素
/*****Content*****/
定义所有内容框内的元素
/*****Footer*****/
定义所有Footer的元素
/*****Etc*****/
定义其他的选择器。通过注解和归类相似元素的分组，将更快的找到你想要的。
4.一致性

无论你决定使用什么方式去编写代码，保持一致。我已经对全部放在1行VS多行的CSS编写编写方式的争论感到乏味和疲倦。这是不需要争辩的。每个人都有自己的观点，所以选择一种你喜欢的工作方式，并在所有的样式表中保持一致。

就我个人而言，我将使用两者结合的方式。如果一个选择器超过了3个属性，我将截断它采用多行的方式编写。

div#header { float: left; width: 100%; }
div#header div.column {
border-right: 1px solid #ccc;
float: rightright;
margin-right: 50px;
padding: 10px;
width: 300px;
}
div#header h1 { float: left; position: relative; width: 250px; }

所以找到你喜欢的工作方式然后保持一致。
5.从正确的地方开始

在完成标记语言之前不要去尝试靠近你的样式表。

当我准备分割一张网页的时候，创建CSS文件之前，我需要预览并且标记body开标签到body的闭合标签之间的所有文档。我不会增加额外的DIV ,ID,或者类选择器。我将会添加一些一般的DIV，就好像hearder、content、footer.因为我知道这些东西是现实存在的。

通过先标记文档，你将不会碰到本已注定的divities1和classitis2麻烦!/*You only need to add in that stuff once you have begun to write the CSS and realize that you are going to need another hook to accomplish what you are trying to achieve.*/(原文未译）。

利用CSS子选择器指定子元素；不要只是机械的给元素添加类或者ID选择器。记住：没有一个良好的格式化文档（或者标记结构）CSS是无价值的。
总结

这些Tips能够帮助我更好的完成CSS代码的编写。但是这并不意味着这张列表的结束，接下来我将会去带来一些其他的与大家分享。
你有什么更好的Tips帮助我们完善CSS代码？

今天突然收到了关于ICP备案申请审核通过的通知邮件，还以为是客户的网站审核。  打开一看，原来自己的，之前自己的几个站，每次备案都要拖好久。现在这个域名是11月初申请的，网站也是月初才架设起来的，还是第一次这么快就通过备案审核的。

12f0fb83

人们一直在预测年底SEO将不再神话。虽然某些网站在搜索引擎优化前总是变化，但搜索引擎正在变得更聪明了， SEO的不断适应这些变化，就像过去一样。只要网站的搜索引擎列表的网站，而不需要付出一笔费用，搜索引擎优化将继续存在，改变的只是优化的手段和技术。

如何使用?

使用jQuery圆角插件 jquery.corner 来解决这个问题，一个代码就足够了：

$('.round').corner("10px");

同样实现一个带边框的圆角效果：

$('div.rounded_box').wrap('
 
');
$('div.rounded_box').corner("round 8px").parent().css('padding', '2px').corner("round 10px");

够简单的吧.
更多精彩样式请查看插件官方网站：http://www.malsup.com/jquery/corner/

It’s important to understand that this corner plugin is pulling off its magic by adding more elements to the page. Specifically, it adds div “strips” to the item to be cornered and sets a solid background color on these strips in order to hide the actual corners of the real item. So if you step back and look at the cornered element, think of there being solid colored divs hiding the true squared off corners of the item you wish to be changed. This helps you understand the inherent limitations of this small plugin. It’s best suited for rounding off block-level elements (divs, paragraphs, etc) and may present more challenges when trying to round off inline elements (spans, anchors, etc).
Recently I added support for native border-radius rounding in browsers that support it (Firefox, Safari, and Chrome). So in those browsers the plugin simply sets a css property on the element. But in IE, we’ll have to wait for version 9 before that is supported. And for all browsers, choosing a pattern other than “round” requires the use of the “div stips” method.