CSS

        在這裡，你會發現38主要jQuery和CSS的下拉式功能表或可下載的檔案和說明以及多級菜單的教程。這裡是我最喜歡的挑頭 - 外箱具有非常獨特的導覽功能表。您的書籤中有這樣的參考文章它總是好，當你不得不創造一些真正的大網站的很多內容和菜單部分 - 回到這裡。已預製的菜單，可以輕鬆一點淡淡的CSS修改，縮短了你的開發過程。1. “Outside the Box” Navigation with jQuery 預覽2. Sexy Drop Down Menu w/ jQuery

 如果想在行動裝置的瀏覽器上應用不同的 css， 完成你的responsive desin ，有兩種方法：方法1：在 css 檔案中加 @media 標籤，如@media screen and (min-width:481px){/* 寬度大於481時應用的樣式 */......}  @media screen and (max-width:480px){/* 寬度小于于480時應用的樣式

前言網站設計的最佳化是一個很大的話題,有一些通用的原則,也有針對不同開發平台的一些建議。這方面的研究一直沒有停止過，我在不同的場合也分享過這樣的話題。 作為通用的原則，雅虎的工程師團隊曾經給出過35個最佳實務。這個列表請參考  Best Practices for Speeding Up Your Web Site  http://developer.yahoo.com/performance/rules.html ，同時，他們還發布了一個相應的測試載入器Yslow

前言網站設計的最佳化是一個很大的話題,有一些通用的原則,也有針對不同開發平台的一些建議。這方面的研究一直沒有停止過，我在不同的場合也分享過這樣的話題。 作為通用的原則，雅虎的工程師團隊曾經給出過35個最佳實務。這個列表請參考 Best Practices for Speeding Up Your Web Site  （http://developer.yahoo.com/performance/rules.html），同時，他們還發布了一個相應的測試載入器Yslow

文章目錄 CSS類命名的語義化VS結構化方式關於語義化的一些建議:三欄布局中使用語義化方式的例子 CSS類命名的語義化VS結構化方式　　一般而言，CSS類名的語義化聲明方式應當考慮你的頁面中某個相對元素的”用意”，獨立於它的”定位”或確切的特性(結構化方式)。像left-bar, red-text,

上接：38 jQuery和CSS多級下拉式功能表解決方案（一）16. A cross-browser drop-down cascading validating menu 預覽17. Drop-Down Menus, Horizontal Style  預覽18. Superfish v1.4.8 – jQuery menu plugin by Joel Birch  預覽19. JavaScript Dropdown Menu with Multi Levels  預覽20. jQuery

     在使用Div+Css布局的時候我們所面臨的共同問題之一是，封裝容器不擴到子項目的浮動元素的高度。你也可以使用overflow屬性來解決這個問題 ？這不是一個新的CSS技巧。今天，我想重新拾起這幾個技巧的話題。示範地址：http://webdesignerwall.com/demo/clear-float/ 示範1：     下面的示範中顯示的浮動子項目在父容器高度不自動適應的問題 。為瞭解決這個問題，您可以簡單地添加CSS屬性overflow:auto (or

   有許多免費的CSS線上工具，為節省開發時間的工具.今天是我們展示的是免費的CSS菜單產生器.如果你想建立非常簡單水平，垂直或甚至麵包屑導航下拉式功能表，你可以輕鬆地定製，得到代碼，看看它是如何編碼。IzzyMenu-Online Menu BuilderIzzyMenu是一個線上的菜單產生器，你可以免費使用為您的網站建立一個菜單。CSS Menu MakerCSSMenuMaker 豐富的庫提供完全可定製的水平CSS菜單CSS Menu BuilderMyCSS MenuCSS Menu

      www.w3cn.org首頁上推薦的兩本書，《CSS布局實錄》和《網站重構》。我是先借了前者，在它的前言裡看到了對後者的推崇，所以又去借了後者。第一本書基本看完了，對我來說這真難得，很久都沒有耐性去看完一本書了。但看過這本書之後（至少是基本看完），我對這本書的看法是，非常不錯的一本書，很適合我這樣的初學者。書中儘管存在一些小小的錯誤，但是可以感覺到作者是花了很多心思的。內容安排，例子的選擇，包括很多實際的小經驗和技巧，對於象CSS這樣的由於標準的影響，瀏覽器的影響導致不確定性極大的東

1<link rel="stylesheet" type="text/css" media="handheld" href="css/handheld.css" />2<link rel="stylesheet" type="text/css" media="Screen" href="css/master.css" />This method works for me. Good handhelds and phones will recognize

www.meyerweb.com埃裡克・邁爾的網站http://www.tanfa.co.uk克萊爾・坎伯的網站www.designdetector.com克裡斯・Hester 的設計探測器cssvault.com保羅・Scrivens - CSS 地下室www.cssbeauty.comCSS 設計陳列室www.csscreator.com最佳的CSS 論壇www.mezzoblue.com戴維・Shea的最優秀的網站www.positioniseverything.net大約翰和Holly

最近想將網站整理並改版一下，按照我的需求，主要就幾個內容，但這些內容都做了鏡像，所以要是全部列舉出來肯定麻煩，也說不清楚，做成一個下來菜單的形式應該比較好，而首頁面呢，由於更新了11個地方的圖片，加上對原來的也不滿意，除了首頁面放縮圖以外，還準備放個地圖啊、日誌列表啊什麼的，如果統統放在同一個頁面，那肯定很長，一般的人都不願意滾動自己的滑鼠，所以首頁面最好是能夠在一個螢幕就全部放下，由於我的實在放不下，沒有辦法，那就用選項卡的形式來完成吧，只要滑鼠一點擊或者一放到上面，就切換到另外一個TAB，節

一.使用css縮寫 使用縮寫可以協助減少你CSS檔案的大小，更加容易閱讀。css縮寫的主要規則請參看《常用css縮寫文法總結》，這裡就不展開描述。 二.明確定義單位，除非值為0 忘記定義尺寸的單位是CSS新手普遍的錯誤。在HTML中你可以唯寫width=100，但是在CSS中，你必須給一個準確的單位，比如：width:100px width:100em。只有兩個例外情況可以不定義單位：行高和0值。除此以外，其他值都必須緊跟單位，注意，不要在數值和單位之間加空格。 三.區分大小寫

也許你看到這個標題覺得很簡單，確實這是一篇關於CSS中Position屬性基礎知識的文章，但是關於Position的一些細節也許你不瞭解。1、簡介 position有五個屬性： static | relative | absolute | fixed | inherit static 和 inherit : 沒什麼值得介紹的。 relative : 相對於元素自身的定位。 absolute ：相對於包含塊的定位。 fixed : 相對於視窗的定位。2、包含塊包含塊就是 top | right |

CSS 盒模型網頁設計中的每個元素都是長方形的盒子。盒子的尺寸是怎樣精確計算的，請看：如果是 Firebug 使用者的話(基本和前端有關的都會用到 Firebug 吧 – 糖伴西紅柿)，就會很熟悉下面的圖表了。這個圖表很好地展示了作用於頁面上任意盒子的數值。注意以上兩個例子中，margin 都是白色的。Margin 比較特別，它不會影響盒子本身的大小，但是它會影響和盒子有關的其他內容，因此 margin 是盒模型的一個重要的組成部分。盒子本身的大小是這樣計算的：Width width +

今天項目中需要用到動態載入 CSS 檔案，經過一番折騰終於搞定，回家整理了一下，順便融合了動態載入 JS 的功能寫成了一個對象，先上代碼：var dynamicLoading = { css: function(path){if(!path || path.length === 0){throw new Error('argument "path" is required !');}var head = document.getElementsByTagName('head')[0];

1. link標籤是屬於xhtml範疇，而@import則是css2.1中特有的。link標籤除了可以載入CSS外，還可以做很多其它的事情，比如定義RSS，定義rel串連屬性等，@import就只能載入CSS了。 2. 載入的順序的區別，link載入的css時，是一種並行(沒有嘗試是否是這樣)載入CSS方式，而@import則在整個頁面載入完成後才載入。3. 相容性的區別，因@import是CSS2.1才特有的，所以對於不相容CSS2.1的瀏覽器來說，無效。4.

Abstract雖然簡體中文和繁體中文本一家，不過若能提供同時提供繁體中文和簡體中文的服務，對於讀者將是一大福音。Introduction目前我在Blog上方多了簡體中文的即時翻譯，如下圖所示部落格園並沒有提供繁體中文轉簡體中文的服務，而是我自己加上去的，但這是如何做到的呢?這有兩個問題必須解決：1.如何將『簡體中文』四個字放在『管理』之後 ? 讓這個服務看起來好像與原來部落格園的服務整合在一起。2.如何使用Google Translate將繁體中文轉成簡體中文(或簡體中文轉成繁體中文)

Abstract一般的Blog都會在兩側提供自由欄位，讓你可以輕易的將Google Adsense的JavaScript放上去，若想要在文章內文也放Google Adsense，難道得一篇一篇的Copy & Paste嗎?Introduction若以閱讀習慣來說，將廣告放在文章內文的成效較大，畢竟讀者注意的是文章內容，順著閱讀完後一定會看到廣告，但不見得會去注意網頁兩側的訊息。如果要每篇文章都得Copy & Paste那些Google

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 0 Transitional//EN""http://www.worg/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.worg/1999/xhtml">    <head>        <meta http-equiv="Content-Type" content="text/html;