文章目錄 1. Download source files2. Insert code 3. Configuration4. Add or remove itemBrowser Compatibility CSS Dock MenuMay 8th, 2007 Filed in: Mac, Design Jump to commentsIf you are a big Mac fan, you will love this CSS dock
在寫CSS的時候，經常為一些名字而發愁，比如說菜單後面的背景要用什麼詞來表示呢？大家都知道，菜單一般用menu來表示，那麼菜單後面的背景我會用menubg，CSS裡就寫#menubg {…}。還有一些其他的比如搜尋方塊之類的應該怎麼命名呢？下面有一些可以算得上是標準的命名吧。如果有錯誤或者遺漏請朋友們幫忙補上，謝謝！[Copy to clipboard]CODE:頁頭：header登入條：loginbar標誌：logo側欄：sidebar廣告：banner導航：nav子導航：subnav菜單：
目錄：DynamicLoad類簡介、屬性、方法、事件、樣本、下載。DynamicLoad類簡介 本文將為您介紹一個在javascript中可以動態載入js、vbs指令碼和css樣式表的DynamicLoad類DynamicLoad，載入原理分為3步：（1）使用document.createElement建立一個指令碼或者樣式表對象（以下稱對象o）；（2）設定對象o的屬性；（3）將對象添加到document中去。使用DynamicLoad類，您可以方便的判斷是否已經載入了指令碼，動態載入指
一早尋找Sprite單詞，無意間瞭解到了一個光從簡介中讓人心動的小工具：bg2css。 記得一年多前在查閱google中文首頁的原始碼時，就讓它的css所吸引：整個頁面所要用到的表徵圖，都按一定的規律整合到了一張圖片，在需要用到表徵圖的地方通過css定位後顯示，並且更要命的是，簡單的css代碼結合js代碼，實現了神奇的動畫效果。（當時的感覺是：自己所學習接觸到的相關css的知識只是停留在基礎的應用程式層面上，一山更比一山高，我找不出停止前進步伐的理由，唯有不斷前行。）
一直以為對ul li置中對齊已經掌握了。但最近做項目時發現之前li的float:left方法顯然有一個問題，就是無法置中（水平），只能使用padding-left或margin-right的方法方法來固定其置中。但這樣可能在寬屏與窄屏的顯示不一致。 使用這種方法主要是利用li的浮動固定寬度來實現，li的預設display為block，將其這個屬性改為inline便可實現這種ul li置中的問題<style
今天課程介紹的是移動的背景，順便講解下div+css動畫的原理。首先還是先介紹如何製作移動的背景效果。 html代碼比較簡單，我就全貼出來了，稍後介紹js的實現。<!DOCTYPE html><html><head> <title></title> <style type="text/css"> header { display: block;
當嵌套主版頁面的子頁面與主版頁面不在同一級目錄時，往往會牽涉到 外部圖片、js、css檔案引用的路徑問題。（以下是引用別人加自己整理） 1. 圖片、<a>標籤 非常好解決 <img runat="server" src="~/images/log.gif" mce_src="~/images/log.gif"></script> <a href="~/book/buy.aspx" mce_href="~/book/
今天在google reader上看到一篇博文，然後在問了組裡的幾位同事之後才發現自己曾經一直對css selector的理解存在著誤區。據說老外的文章中很早就提到了關於css selector是優先順序演算法，只是到了國內被部分人員翻譯之後，誤解了其中的含義，導致現在很多人以為css選擇符的優先順序運算是將ID名、類名等等全部相加後做比較的。這篇博文命名為《CSS
經常有人遇到ASP.NET 2.0（ASP.NET
框邊框的屬性(預設沒有樣式） border-top 設定上邊框的屬性 border-bottom 設定下邊框的屬性 border-right 設定右邊框的屬性 border-left 設定左邊框的屬性 border-width 可選值（thin,medium,thick或指定長度） border-style 同上 bo
無意間看到一編文章介紹這編CSS support in email clients，上面列表出各個收Email應用程式所支援的CSS，相信你也有收過在Yahoo Mail看起來正常，但在GMail上就完全走樣的信件，這跟不同瀏覽器有支援不同的CSS一樣，為了設計出通用的Email，也要花一番功夫去設計，感覺也不簡單。 參考資源Email Standards Project 提供各個Client的開發建議(Gmil也太爛了吧...那麼多語法不支援)30 free HTML email
CSSer與其他IT職位一樣，在找工作的時候，都會面臨著面試官提出的問題，或者給出的試卷。今天52CSS.com收集了常見的8條面試題目，希望對您有所協助。一、超連結點擊過後hover樣式就不出現的問題？被點擊瀏覽過的超連結樣式不再具有hover和active樣式了,解決方案是改變CSS屬性的排列順序: L-V-H-A二、IE6的margin雙倍邊距bug問題例如： <style type="text/css"> body {margin:0;} div
一段事件木有更新部落格了，主要是這段時間工作略忙，業餘時間又在幫個朋友做個小東西，於是也就沒去接觸新東西。今天上網的時候一個老同事（我剛出來工作時的師傅^_^）發來個網址，說是有好東西叫我看，於是看了一下，果然發現了好東西，也解決了之前我在思考的一個小問題。是一個C#.NET的組件來的，由於資料是E文的，按照慣例似懂非懂地看完然後寫點測試DEMO。這篇文章記錄一下學習成果，其實挺簡單- -！
文章目錄 Making the AssociationRestyling for Print
版工之前就耳聞 CSS 功能強大，可完全取代 HTML 的 table、tr、td 等 tag，做網頁「外觀 (user interface)」的編排。CSS 除了可避免陷在 HTML 多層的巢狀 table 裡，亦可明顯減少網頁檔案大小，讓頁面日後可統一維護，而非逐一修改。日前版工找了一些書上的 CSS 範例，經簡單修改並測試後，開放七個 CSS + div tag 網頁排版的「樣板」讓大家下載 (.html 格式，可直接用瀏覽器開啟)，內容如下：(1)
今天有讀者詢問製作滑鼠經過時切換圖片的效果，這種效果也稱為“翻轉”效果(roll-over)。原來這種效果大多使用Javascript實現，實際上用CSS可以非常方便地製作出來的。這裡給出一個最簡單的效果，在深入的複雜效果變化就非常多了，有興趣的讀者可以慢慢深入研究。先看一下這個效果，將滑鼠移到按鈕圖片上時，圖片就會成另一個了。Button
css層的定位position、absolute、relative層疊加的五條疊加法則貌似很多同學對為什麼這個div在上層，那個div在下層、無論如何設定z-index都無法居上的問題糾結抓狂、上吐下瀉、噁心失眠、鬱郁而終，致使不敢隨意使用層的疊加。但層的疊加效果，在互動設計中卻頻頻出現，所以我們必須駕馭它，要駕馭它，就要掌握其規律。首先明確幾點在文中所需要用到的概念:靜態定位：position:static（為position屬性的預設值）。動態定位：position:relative或pos
文章目錄 橫向和縱向的下拉式功能表下拉式功能表教程下拉式功能表產生器 導覽功能表是網站設計中最重要的因素之一。網路開發人員可以使用CSS建立方便使用者的橫向或縱嚮導航菜單, 而JavaScript則使人們有可能創造更多的互動，更多的響應和更靈活的導航到任何網站。Noupe在這篇文章裡面提出了25個以上（橫向和縱向）多層次的下拉式功能表，包括使用了JavaScript和CSS ，你可以將這些樣本和教程用你的未來網站設計計劃。帕蘭照常為你翻譯,
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>使用雙層滑動門實現三態半透明效果菜單</title>
最小高度可以設定一個BOX的最小高度，當其內容較少時時，也能保持BOX的高度為一定，超出就自動向下延伸，但到目前為止，只有Opera 和 Mozilla 支援，IE7開始也支援了，但IE7處於測試階段，等正式版發布到普及需一段也許比較長的時間，除非MS把它捆綁在某個作業系統上，如何在現有基礎上（IE6 80-90%），合理、妙用最小高度了？假定有二個BOX，我們需要它的最小高度為150PX。 CSS div.box1,div.box2{ width: 300px;
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
