CSS

CSS2.0 HandBook上的解釋： 設定此屬性值為 absolute 會將對象拖離出正常的文檔流絕對位置而不考慮它周圍內容的布局。假如其他具有不同 z-index 屬性的對象已經佔據了給定的位置，他們之間不會相互影響，而會在同一位置層疊。此時對象不具有外補丁( margin )，但仍有內補丁( padding )和邊框( border )。 要啟用物件的絕對(absolute)定位，必須指定 left ， right ， top ， bottom 屬性中的至少一個，並且設定此屬性值為

不知道從什麼時候開始，在網路上到處可以看到div+css，到底什麼是div+css呢？難道就是傳說中的標準重構嗎？標準從最簡單的根源來說不是合理使用xhtml的標籤嗎？可為什麼還是有這麼多div+css呢？既然可以div+css，那為什麼不可以叫span+css ul+css li+css等等呢？ 疑問，滿腦子的疑問!為了這個疑問，我把自己腦子裡的東西從最底層翻了一遍。 在幾年前大家都是用table來布局，一層套一層，沒發現什麼不妥，一直用到《網站重構》這本書出來後的不久開始看到很多人討論重構。

Positoin屬性有四個值： static、fixed、absolute和relative，後面兩個在布局中的定位裡是經常用到的，顧名思義，absolute是指絕對位置，即將對象從文檔流中拖出，使用left，right，top，bottom等屬性進行絕對位置，而其層疊通過z-index屬性定義。此時對象不具有邊距，但仍有補白和邊框。ralative是指相對定位，就是依據left，right，top，bottom等屬性在正常文檔流中位移位置。

在介紹ensure內部的實現之前，讓我們先來看看其功能： ensure({ html: "popup.html", javascript: "popup.js", css: "popup.css" }, function() { Popup.show("hello world"); } );

古老的話題：一首古詩的分離 　　1.給你一首古詩，儲存為毫無格式的一堆文字，你去理解它的內容，進行結構的處理。用word排版之後，他有了結構 　　2.這個結構其實包含了語義和表現 　　3.用html進行結構化，拋開一切的表現形式，只考慮語義 　　4.用CSS進行表現處理，包括html的預設表現，他擁有了視覺表現，這個表現體現出了結構化，也體現出了使用者體驗，使用者體驗中包含了互動的排版和視覺體驗 　　5.如果加上行為，比如點擊注釋序號，緩緩跳轉到注釋內容。 　　再看看css禪意花園

寫這個效果，可以熟悉以下： 1、相對定位中的絕對位置； 2、CSS 針對瀏覽器 HACK； 3、瞭解幾種邊框，以及可以實現的變化；以及加了邊框後，寬度和高度的計算方法； 4、感受浮動，浮動的東西只有多作一些，才會感受更深一些； 5、還可以熟悉一下小學的加減法；呵…… 很早以前我都是拿計算機在寫CSS。 首先，我先用FW畫一個小燈籠，在畫的過程中，我儘可能不出現圓角，並畫成等寬，等高、置中；因為這些屬性在CSS中都有！文字12號加粗！ 於是，開始想布局！這個布局太麻煩，我不得不用更多的標籤來完成，

red紅色 等同於 rgb(255,0,0) 等同於 rgb(100%,0%,0%) 等同於 #ff0000 等同於 #f00 　　有17個預先確定的顏色，它們是： 　　aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, 　　olive, orange, purple, red, silver, teal, white, and yellow. 　　transparent 也是一個正確的值。 　　rgb的三個值都是從0到25

例如： <div style="background:#666;"> <!-- float container --> <div style="float:left; width:30%; height:40px;background:#EEE; ">Some Content</div> </div> 此時預覽此代碼，我們會發現最外層的父元素float container,

好處是： 相容IE，firefox，Opera; 有利於內容完整性;有利於SEO; 無需背景程式處理; 可以在前台隨時調節要截取的長度。 不好的地方： 不能自動判斷截取長度，當字元很短的時候在Firefox中也會產生後面的省略符號。 另外在設定截取寬度的時候，要注意，盡量讓文字截取完整。 Quote: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

對於每一個Web developer來說，瀏覽器的相容都是個大問題，其中Firefox和IE又是最主要的使用者瀏覽器。一般我們會安裝不同的瀏覽器來進行測試，Firefox使用者則可以使用IE tab這人擴充來進行調試。 現在，你可以試試下面這個應用程式，或許能為你的開發工作帶來不少方便，介面就像Dreamweaer之類的，左邊顯示CSS代碼編輯區，右邊分兩欄顯示IE和Firefox下的調試效果。當然，布局 肯定是可以調整的。 這個程式也可以用來調試你的網頁在IE和Firefox下的顯示效果。

文章目錄 List Grid View CSS List Grid LayoutCompatible and tested with IE6, IE7, Safari 2, Safari 3, Firefox 2, Opera 9.21List Grid View sodales porta libero.n sodales porterat. Nunc eu risus

字型大小使用px 在一行內聲明CSS 對比下面兩個： h2 {font-size:18px; border:1px solid blue; color:#000; background-color:#FFF;} h2 { font-size:18px; border:1px solid blue; color:#000; background-color:#FFF; } 第二種看起來的確格式化，但是不會在閱讀上有任何協助。寫在一行內可以讓你更快的找到需要的部分。

理論基礎是必要的，實踐是提升和理解理論的方法，兩者同樣重要，任何設計和開發人員離開這兩者的平衡，不論偏向哪一方，都會範或左或右的錯誤。不過我所講的這個方法在實際應用中到底有什麼用呢。顯然，它不能夠給我們創造出圓角矩形，也不能夠給我們創造出分列布局，更加不可能給我們一個固定在文檔頭部的導覽列。這個演算法的實踐應用在於： 良好的CSS編程規範 。這是一個宏觀的實踐，與我剛才提到的微觀實踐同樣重要，但卻更加難以掌握。

這個效果是今天有人寫郵件給我問的一個效果，記前以前利用A標籤的背景寫過一個類似的效果。於是剛剛回來就寫了一下他要求的效果！順便貼出來和大家分享一下，如果你很有創意，那麼你一定能作出更有意思的效果。他提出來的效果，是九天音樂首頁一個FLASH的作的效果，要用CSS模仿同樣的效果，可能是因為不想用FLASH或是SEO之類的目地。於是用FW作了兩張GIF的圖片，來模仿這樣的效果，由於是是測試用，所以圖片等很多方面沒有考慮的特別細。有些粗糙，但看上去還是有那麼點意思的，呵呵……

CSS條狀圖表是我們在網頁設計中常常會遇到的一種形式。條狀圖表可以將數量，以條狀圖形的形式直觀的表示出來。 　　CSS基本條狀圖表的實現方法是什嗎？我們看下面的執行個體介紹： 複製代碼 代碼如下:<div class="graph"> <strong class="bar" style="width: 24%;">24%</strong> </div>

注意：當與背景圖同時出現時，會出現不相容。 指令碼之家 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

徹底放棄表格版面配置，使用xhtml+CSS建站也已經有一年多了。一年多的實踐也積累了一定的經驗，現在寫這篇文章來總結一下。在使用xhtml+CSS建站的過程中有一個比較關鍵的問題：網站的CSS樣式表規劃與管理。 我的CSS管理進化史

文章目錄 Sidebar1 內容 dreamweaver cs3在建立檔案時比以前版本有了較大改變，分為了四列形，有點類似於golive的樣式了。最大的改觀就算它能自動建立div+css布局，基本上涵蓋了所有的常用布局形式。可以為我們設計頁面時節省很大一部分時間，值得表揚。下面的是自動產生的頁面，裡邊還帶注釋呢 xmlns="http://www.w3.org/1999/xhtml"> 標題 Sidebar1 內容此 div

當前標識指使用者點擊該頻道或欄目，該欄目的標籤呈現出與其他標籤不同的顏色用以提示使用者所處的位置。

下拉及彈出式菜單是網站設計中常用導航形式，這種菜單形式能夠充分利用頁面現在空間隱藏與顯示更多內容，並能對內容進行合理的分類顯示，是一種非常優秀的導航形式。