awoo SEO網路行銷誌

2010年CSS裸奔節就在4月9日！

awoo blog明天也會…脫光光見人。
明天，大家一起脫吧！

CSS裸奔節活動辦法

將你的網站的css樣式都去掉，包含所有的佈局， 顏色，背景什麼的就都沒有了(除非你使用table佈局)，只剩下html實體顯示出來。

CSS裸奔節的意義

從第一屆CSS裸奔節（2006年4月5日）開始，CSS裸奔節的意義在於：推動 Web標準、提倡簡潔為美、使用正確的 (x)html語義標記、良好的層次結構。

在html語義被極力推崇的今日，CSS裸奔節就格外的有意義！

CSS裸奔節的由來

為了推廣網頁標準以及帶動 CSS 的使用風氣，一位名為 Dustin 的外國 網友於 2006 年四月率先推出 CSS Naked Day 的活動，今年已是第5次舉辦，並得到許多網站和部落格的響應。希望透過這個活動，鼓勵網頁開發者使用正確的(x)html、語義標記，以及建構良好的層次 結構。

歷屆CSS Naked Day的舉辦時間

第一屆CSS裸奔節：2006年4月5日

第二屆CSS裸奔節：2007年4月5日

第三屆CSS裸奔節：2008年4月9日

第四屆CSS裸奔節：2009年4月9日

第五屆CSS裸奔節：2010年4月9日

(其實今年官方是沒有辦的，不過許 多熱心的網友還是有在號召喔！)

css naked day官方網站

現在教你如何脫掉…

一， jQuery語法：在你的head檔中加入
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script>
<!–
$(document).ready(function(){
  var cover=document.createElement(‘div’);
  cover = document.body.appendChild(cover);
  $(‘:last’).css({
    position: ‘absolute’,
    top: 0, left: 0,
    width: ’100%’,
    height: $(document).height(),
    zIndex: 9999,
    backgroundColor: ‘#fff’
  })
  .hide()
  .fadeIn(‘slow’, function(){
    document.title += ‘ (CSS Naked Day ver.)’;
    $.each($.makeArray(document.styleSheets), function(){
      this.disabled=true;
    });
    $(‘*’).removeAttr(‘style’);
  });
});

<!–
</script>

二，有關CSS Naked Day的外掛程式

如果你使用的是WordPress,可以使用WordPress CSS Naked Day外掛程式頁面下載後啟用即可。

 補充說明：CSS （Cascading Style Sheets）
zh.wikipedia.org/w/index.php?title=CSS&variant=zh-hant
根據維基百科的詮釋，是 W3C 定義 和維護的標準，一種用來為結構化文檔添加樣式的計 算機語言。 CSS 最主要的目的是將文件的結構與文件的顯示分隔開來。

引用來源

引用來源二