CSS

無意中看到的一個非常不錯的小技巧.是關於用CSS處理閉合浮動元素的方法,收藏了.關於閉合浮動元素（clearing float）的方法現在已經很多了，你還不瞭解的話去old9的blog看看，有一篇閉合浮動元素。這些方法我最喜歡就是 使用:after

作為一個熱門技術，CSS的發展的確有些緩慢。CSS最早被提議在1994年，最早被瀏覽器支援在1996年，CSS一直被力捧為傳統的以HTML為基礎的web代碼的繼承者。CSS使用樣式表來控制整個網站字型和布局的能力,使它看起來非常有效率、易於設計和有遠見。然而，也一直有荒誕的說法圍繞著CSS，阻礙了網頁設計師學習和掌握這種語言。究竟是什麼讓人們大驚小怪呢？ 我們訪問了大學教師Christopher

看看 第1頁 這樣的報表 對一般的要求就夠了。 第2頁 看到分頁了吧 這樣的報表 對一般的要求就夠了。 

這些小TIPS，在CSS手冊或者HTML手冊裡是看不到的，不記得是在那裡看到的，不過我一直用著。雖然標準校正通不過，如果不追求標準校正的話，還是可以用用的，因為在IE和Firefox裡能顯示的很好。 1。是不是經常會遇到小圖片和文字一行排列不齊的尷尬? img的align屬性有一個這樣的，align="absmiddle"，可以試試，不過要是校正的時候，會提示錯誤。 2。字型

儘管有CSS的vertical-align特性，但是並不能有效解決未知高度的垂直置中問題（在一個DIV標籤裡有未知高度的文本或圖片的情況下）。 標準瀏覽器如Mozilla, Opera, Safari等.，可將父級元素顯示方式設定為TABLE(display: table;) ，內部子項目定為table-cell (display: table-cell),通過vertical-align特性使其垂直置中，但非標準瀏覽器是不支援的。

li的簡單應用 測試清單的 測試清單的 測試清單的 測試清單的 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

回到頂部總結網站中的回到頂部功能有益於增強使用者體驗，當一個頁面很長很長時，回到頂部是必不可少的。回到頂部按鈕，可以使用圖片，背景圖，向量字型表徵圖，也可以使用代碼 css 產生。這裡使用 css 產生的方法。html: css:#toTop { display: none; position: fixed; /* 固定定位 */ right: 10px; bottom: 30px; background-color: #e6e6e6; height: 40px;

譯者註：一篇很好的文章，很久以前在blog上就推薦過，這兩天斷斷續續花了點時間翻譯了一下，推薦讀讀。英文原文在此。 　　文中所有的 layout 這個單詞都未作翻譯，一來本身這個單詞意思就比較多，翻成啥都覺得彆扭，二來它也是專有的屬性，所以就意會一下吧。水平有限，很多地方都是模模糊糊地意譯，發現錯誤歡迎留言指出。　　引用一段來自Dean Edwards的評價：　　I recommend that every CSS designer and DOM scripter read this.

絕對路徑： 　　在我們平時使用電腦時要找到需要的檔案就必須知道檔案的位置，而表示檔案的位置的方式就是路徑，例如只要看到這個路徑：c:/website/img/photo.jpg我們就知道photo.jpg檔案是在c盤的website目錄下的img子目錄中。類似於這樣完整的描述檔案位置的路徑就是絕對路徑。我們不需要知道其他任何資訊就可以根據絕對路徑判斷出檔案的位置。而在網站中類似以http://www.e3i5.net/img/photo.jpg來確定檔案位置的方式也是絕對路徑。

Web標準是越來越突出了，現在建站都講究個符合標準，通過W3C的XHTML和CSS驗證，那麼怎樣才能做出一個符合標準的網站呢，下面是我在BLOG重構和製作OSdev

今天google了一下css置中布局的問題，結果差不多都是引用了同一篇文章。在ie中要置中，只要在元素中定義text-align:center;的屬性。而在firefox中，需要定義一個wrapper包裹器。然後指定margin-left:auto;margin-right:auto;的屬性來使區塊在firefox中置中。其實，我自己都是用margin:auto;的縮寫margin屬性來設定置中。margin縮寫屬性是上、右、下、左的順時針順序來設定四個方位的頁面邊距的。需要注意的是，如果你據此

網頁的色彩搭配往往是網友們感到頭疼的問題，尤其是那些完全沒有美術基礎的網友。到底用什麼色彩搭配好看呢？ 　　一、紅色的色感溫暖，性格剛烈而外向，是一種對人刺激性很強的色。紅色容易引起人的注意，也容易使人興奮、激動、緊張、衝動、還是一種容易造成人視覺疲勞的色。 　　1、在紅色中加入少量的黃，會使其熱力強盛，趨於躁動、不安。 　　2、在紅色中加入少量的藍，會使其熱性減弱，趨於文雅、柔和。 　　3、在紅色中加入少量的黑，會使其性格變的沉穩，趨於厚重、樸實。

IE6/IE7/IE8/IE9中tbody的innerHTML不能賦值，重現代碼如下複製代碼 代碼如下: IE6-IE9中tbody的innerHTML不能複製bug aaa GETSET

我們知道Dreamweaver在表格製作方面做得非常出色，但是在某些時候還是必須結合css才能達到一些特定效果，下面我們先把有關表格邊框的css文法整理出來，然後另外介紹怎樣用css美化表格的邊框。 　　有關表格邊框的css文法 　　具體內容包括：上邊框寬度、右邊框寬度、下邊框寬度、左邊框寬度、邊框寬度、邊框顏色、邊框樣式、上邊框、下邊框、左邊框、右邊框、邊框、寬度、高度、有關標籤等。 　　 1.上邊框寬度 　　文法: border-top-width: 　　允許值: thin |

對於那些剛接觸CSS布局的人來說，常對如何使用表格（table）感到迷惑。我在很多地方看到人們把“避免用表格來布局”理解成“完全不使用table標籤”。值得注意的是，表格是可以用的而且非常好用——只要用的正確。是的，你得盡量的去避免用表格來布局。但是對於表格型資料，你就應該使用table。我想談談如何使用表格來組織表現表格型資料。在HTML和XHTML裡，表格不僅僅是行（row）和儲存格（cell），還有很多其他元素，特別是如果你想讓資料更加容易理解。首先來點背景知識，“避免用表格來布局”這句話

修改您的樣式表，找下邊這段（一般都在開頭） a { color:#3399FF; font-weight:Normal; /*字型效果 普通 可以改成bold粗體*/ text-decoration:none; /*底線效果：無底線*/ } a:hover { color:#4499EE; text-decoration:none; /*底線效果：無底線*/ border-bottom: 1px #0099CC dotted /*加一個只有下邊的框 邊框為虛線*/ } 　　

表格效果table [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]表格效果div+css 1 2 3 4 5 6 7 8 9 10

div+css排版的範例 Div布局 頂部 左側 中部 右側 全行 左側 中部 右側 全行 左側 中側 右側

當然還是用圖片，只是可以產生自己所需色彩的圖片。http://www.neuroticweb.com/recursos/css-rounded-box/將上面產生的圖片和下面代碼存在同一個檔案夾下：CSS圓角區塊容器 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ornare ultricies libero. Donec fringilla, eros at dapibus

Background 背景 設定背景顏色 This is header 1 This is header 2 This is a paragraph [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]設定一張圖片做為背景 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]垂直重複背景圖片 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]水平重複背景圖片 [Ctrl+A 全選