網頁制作WEB文章簡介：名字，你看名字多重要，我不太清楚。我寫書的話我的書被人改變名稱去誤導別人我是不喜歡的。這是我一直說的作為一個技術人員應當遵守的准則——互聯網創作共享協議。我不能抄一個剛入門的小朋友Idea（因為他們思維沒被禁锢），然後換一套名稱和說法說是自己的。
實想重提下那個話題，一直都在忙這忙那的沒時間。好不容易到一個周末了，原定安排是去D2的但是因為時間安排不過來，所以能抽空寫寫。早前的討論不了了之，其實這一點都不是Twinsen的風格。
名字，你看名字多重要，我不太清楚。我寫書的話我的書被人改變名稱去誤導別人我是不喜歡的。這是我一直說的作為一個技術人員應當遵守的准則——互聯網創作共享協議。我不能抄一個剛入門的小朋友Idea（因為他們思維沒被禁锢），然後換一套名稱和說法說是自己的。sorry，我做不到。
不過其實這片文章只是Twinsen的一個想法了，可以說比較的瘋狂。另外順帶一提的是這裡的是Twinsen的站點，並不是騰訊的站點。這裡的東西並不是代表騰訊的觀點和角度。
引用森林群的談話內容：
技術人員的爭論就是技術人員爭論，談錘子政治和外交。要叼沖我來，我是非常樂意被叼的。是啊，我很犯賤；你叼我就是塞錢進我的袋子裡面。正如我常說的那句話：“SB之所以繼續為SB是因為他壓根就從來沒有意識到自己是一個SB。”粗俗？但是原話是心理學家弗洛伊德說的哦：“人總是先有自我認知才會再有自我超脫的。”我現在就是到了自我認知的瓶頸了，所以要創造這樣的環境逼迫我自我認知。
另外說到網格的內容，為什麼我反對這個思想的流傳？首先聲明的我不是反對關於設計的網格化，我是反對重構的網格化。這裡應該特指是 YUI方式 的類名綁定式的網格化。大家可以看看下面的一段代碼：
<div id="yui-main">
<div class="yui-b">
<div class="yui-g">
<div class="yui-u first"></div>
<div class="yui-u"></div>
</div>
</div>
</div>
大家可以很清晰的看到這裡的yui-u，或者yui-g他的名稱是並無意義的。還有與表現相關的first。不知道大家都看過的《網站重構》一書當時配同的PPT裡面的一句話——“把頁面中的外觀標記去除以後，重新設計現有的站點和內容將變得非常節省人力 (同時便宜得多)。如果想改變站點的輸出，你只需要改動一下樣式表就行了，而完全不必改動頁面本身。”像上面的那段代碼不能達到結構、表現、行為三者分離，如果強行改變會出現下面的一些問題：
這些也就是相當於現在很多人流行的“left_box”和“right_box”，快速改版以後變成了在左邊的“right_box”。這不就是相當於歪曲事實的真理麼？但其實最重要的是第一點，這樣的工作方式和我們以往的table布局工作方式有差別麼？你提個改個樣式需求，全公司（設計、頁面、開發、功能測試、CE數據監測）都跟著你去跑，這是很不智的。
網頁制作WEB文章簡介：名字，你看名字多重要，我不太清楚。我寫書的話我的書被人改變名稱去誤導別人我是不喜歡的。這是我一直說的作為一個技術人員應當遵守的准則——互聯網創作共享協議。我不能抄一個剛入門的小朋友Idea（因為他們思維沒被禁锢），然後換一套名稱和說法說是自己的。
寫到這裡回看下，順帶改了改標題變成《這將是一場革命》系列的第二篇關於CSS的文章算了。上面說完不對的，下面給大家看看一個我最近剛接手的一個新版項目代碼段：
HTML片斷：
<div id="index_news" class="mode">
<h3 class="title">公益新聞</h3>
<div class="content">
<ul>
<li><a href="#">新聞標題，新聞標題，新聞標題，新聞標題</a></li>
<li><a href="#">新聞標題，新聞標題，新聞標題，新聞標題</a></li>
<li><a href="#">新聞標題，新聞標題，新聞標題，新聞標題</a></li>
<li><a href="#">新聞標題，新聞標題，新聞標題，新聞標題</a></li>
<li><a href="#">新聞標題，新聞標題，新聞標題，新聞標題</a></li>
<li><a href="#">新聞標題，新聞標題，新聞標題，新聞標題</a></li>
<li><a href="#">新聞標題，新聞標題，新聞標題，新聞標題</a></li>
<li><a href="#">新聞標題，新聞標題，新聞標題，新聞標題</a></li>
</ul>
</div>
<a class="more" href="#">更多</a> </div>
CSS片斷：
.mode{
position:relative;
float:left;
font-size:12px;
}
.mode h3.title,
.mode h4.title{
color:#234C00;
padding:5px 10px;
font-size:14px;
}
.mode .more{
top:5px;
right:10px;
font-size:12px;
color:#4282ab;
position:absolute;
}
.mode .content{
clear:both;
}
.mode .content:after {
content:"";
display:block;
height:0;
line-height:0;
clear:both;
visibility:hidden;
}
#index_news.mode,
#index_bbs.mode,
#index_area.mode{
background:url(small_gray_grid.png) repeat-y -400px bottom;
width:200px;
margin:5px 0 5px 5px;
}
#index_news.mode h3.title,
#index_bbs.mode h3.title{
background:url(small_gray_grid.png) no-repeat -200px top;
}
#index_news.mode .content,
#index_bbs.mode .content,
#index_area.mode .content{
background:url(small_gray_grid.png) no-repeat -600px bottom;
display:table;
}
大家可以看到模塊化思想的優勢在於哪：
另外就代碼而言。標題就是標題，內容就是內容；總不會那種歪曲事實、自己打自己嘴巴的狀態。
引用內容：
我有個怪癖。我很喜歡在面試的時候我總是要先考面試人XHTML。就好像以前師傅招收學徒一樣，能力和慧根屬其次，人品首當其沖。
我以為，XHTML好比一個人的本質，CSS好比人的處事方式和態度，JS好比人做事的行為以及作風。三者的分離再加上些周邊的SEO、人機交互也就是我們所說的網站重構，也就是一個很不錯的人。之前總是有一部分人認為CSS就是網站的最主要的元素，其實自然而然的也就代表了一種人生觀。的確，一個人沒有好的處事方式和態度很難在現在的社會很好的存活；但是這個處事的方式和態度位置過於偏重了，就成了一個善於欺騙、做事不擇手段的人。
這個是一直想說的，有了CSS你可以將左右順序變成右左順序，他就是一個網頁中的魔術師。你總不能把他亂用，去成了一個善於欺騙、做事不擇手段的人。