国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

CSS也要語義化

2024-07-11 08:44:12
字體:
來源:轉載
供稿:網友

其實想重提下那個話題,一直都在忙這忙那的沒時間。好不容易到一個周末了,原定安排是去D2的但是因為時間安排不過來,所以能抽空寫寫。早前的討論不了了之,其實這一點都不是Twinsen的風格。
其實想重提下那個話題,一直都在忙這忙那的沒時間。好不容易到一個周末了,原定安排是去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里面的一句話——“把頁面中的外觀標記去除以后,重新設計現有的站點和內容將變得非常節省人力 (同時便宜得多)。如果想改變站點的輸出,你只需要改動一下樣式表就行了,而完全不必改動頁面本身。”像上面的那段代碼不能達到結構、表現、行為三者分離,如果強行改變會出現下面的一些問題:
    改變表現的時候必須動到html,一次美觀上面的修改要動到三條工作線,極大的人力資源耗費。 會出現排在第五個的叫做“first”的框 會出現實際為240寬的叫做“180寬”的框 會出現實際為三列的叫做“四列”的布局 會出現實際為紅色的叫做“blue”的字

這些也就是相當于現在很多人流行的“left_box”和“right_box”,快速改版以后變成了在左邊的“right_box”。這不就是相當于歪曲事實的真理么?但其實最重要的是第一點,這樣的工作方式和我們以往的table布局工作方式有差別么?你提個改個樣式需求,全公司(設計、頁面、開發、功能測試、CE數據監測)都跟著你去跑,這是很不智的。
寫到這里回看下,順帶改了改標題變成《這將是一場革命》系列的第二篇關于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; }

大家可以看到模塊化思想的優勢在于哪:
    可以半自動化的取用當前已有的模塊來節省代碼開發時間以及精力。 可以高度自由化的適應任何產品經理、任何老板的不同變態需求。 任何關于表現上面的修改不需要動用到開發人員,不需要功能測試。 CE數據監測綁定到id,不需要重新調整接口。 每個人擔任單個模塊的快速迭代開發。

另外就代碼而言。標題就是標題,內容就是內容;總不會那種歪曲事實、自己打自己嘴巴的狀態。

引用內容
我有個怪癖。我很喜歡在面試的時候我總是要先考面試人XHTML。就好像以前師傅招收學徒一樣,能力和慧根屬其次,人品首當其沖。
我以為,XHTML好比一個人的本質,CSS好比人的處事方式和態度,JS好比人做事的行為以及作風。三者的分離再加上些周邊的SEO、人機交互也就是我們所說的網站重構,也就是一個很不錯的人。之前總是有一部分人認為CSS就是網站的最主要的元素,其實自然而然的也就代表了一種人生觀。的確,一個人沒有好的處事方式和態度很難在現在的社會很好的存活;但是這個處事的方式和態度位置過于偏重了,就成了一個善于欺騙、做事不擇手段的人。

這個是一直想說的,有了CSS你可以將左右順序變成右左順序,他就是一個網頁中的魔術師。你總不能把他亂用,去成了一個善于欺騙、做事不擇手段的人。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 杭锦旗| 大方县| 若尔盖县| 和政县| 合肥市| 万全县| 西丰县| 杂多县| 普宁市| 清徐县| 大关县| 阿巴嘎旗| 永兴县| 宜丰县| 横峰县| 铁岭县| 南通市| 无锡市| 兴国县| 襄垣县| 惠来县| 财经| 当阳市| 乌拉特中旗| 延川县| 安龙县| 聂拉木县| 明水县| 姜堰市| 金寨县| 金塔县| 深水埗区| 临漳县| 武乡县| 迭部县| 化德县| 寿宁县| 廉江市| 措美县| 南投市| 绥阳县|