CSS

CSS有一個屬性叫Vertical Align。當你第一次學習它的時候會有些困惑，因此我覺得我們可以通過它的用法來瞭解它。最基本的用法像這樣：img{ vertical-align: middle;

核心提示：映像替換技術有相當的用處, 特別是注重視覺的設計, 而且在一定程度上也不會影響非可視化瀏覽器的使用者群(螢幕助讀程式). 映像替換技術有相當的用處, 特別是注重視覺的設計, 而且在一定程度上也不會影響非可視化瀏覽器的使用者群(螢幕助讀程式). 本節用到的圖片只有一個: 在文字外包上一組span標籤, 並在CSS中將這個span進行display:none 操作, 使其隱藏,

核心提示：你可以對選取器進行分組，這樣，被分組的選取器就可以分享相同的聲明。用逗號將需要分組的選取器分開。在下面的例子中，我們對所有的標題元素進行了分組。所有的標題元素都是綠色的。 選取器的分組你可以對選取器進行分組，這樣，被分組的選取器就可以分享相同的聲明。用逗號將需要分組的選取器分開。在下面的例子中，我們對所有的標題元素進行了分組。所有的標題元素都是綠色的。h1,h2,h3,h4,h5,h6 {  color:

核心提示：我們學習Div+CSS網頁布局的知識，可是W3C validation有時難以操作，但用它你可以查看由版面設計引起的差錯。驗證程式拋出大量差錯和警告，說明你的XHTML尚未完善，可能無法在不同瀏覽器上保持一致功能。

核心提示：CSS執行順序與優先權的問題其實就是一個衝突解決的問題，當同一個元素(或內容)被CSS選擇符選中時，就要按照優先權取捨不同的CSS規則，這其中涉及到的問題其實很多。

使用css注釋來分給css分組，這樣結構明了，也有利於協同設計。 1. CSS Reset/重設你也許需要先瞭解什麼是css重設。然後怎麼樣寫css重設呢。你可以copy Eric Meyer Reset, YUI Reset或其它css reset, 但你接下來應該根據你的項目改成你自己的reset. 不要使用* { margin: 0; padding: 0; }

強制不換行 div{ white-space:nowrap; } 自動換行 div{ word-wrap: break-word; word-break: normal; } 強制英文單詞斷行 div{ word-break:break-all; } ============================================ CSS設定不轉行: overflow:hidden 隱藏 white-space：normal 預設 pre 換行和其他空白字元都將受到保護 nowrap

網頁製作Webjx文章簡介：13. LI中內容超過長度後以省略符號顯示的技巧 此技巧適用與IE與OP瀏覽器 14.為什麼web標準中IE無法設定捲軸顏色了 解決辦法是將body換成html 15.為什麼無法定義1px左右高度的容器 IE6下這個問題是因為預設的行高造成的,解決的技巧也有很多,例如:overflow:hidden zoom:0 　　13. LI中內容超過長度後以省略符號顯示的技巧　　此技巧適用與IE與OP瀏覽器　　

文章簡介：CSS網頁製作執行個體:有條件的添加hover樣式. 給元素添加一個hover樣式，很簡單，我們來看一個透明度的例子吧： 123456 div {opacity:1.0;}div:hover {opacity:0.5;}

文章簡介：CSS執行個體教程:簡單的的滑動導覽列效果.

文章簡介：相信很多人都遇到過在設計中自訂捲軸樣式的情景，之前我都是努力說服設計師接受瀏覽器內建的捲軸樣式，但是這樣只能規避還是解決不了問題，最近在項目中遇到了，正好來總結一下。當然，相容所有瀏覽器的捲軸樣式目前是不存在的。

原來工作中曾經碰到過UL列表裡一些異常的表現,加上昨天看到了http://bbs.blueidea.com/thread-2984871-1-1.html 這個貼子,所以測試了一下list-style的各種屬性,發現了一個有意思的現象 先看一下CSS手冊中,對於list-style的解釋定義和用法list-style 簡寫屬性在一個聲明中設定所有的列表屬性。       說明     &

網頁製作Webjx文章簡介：CSS減肥工具 — CSS Usage. 前端建置工程師經常會遇到隨著網站產品的規模擴大、產品數量、日常專題上下線等情況，造成網站的CSS慢慢變得臃腫從而影響了網站的使用者體驗，這種情況下，給網站CSS檔案減肥類似于海底撈針的大工程，因為稍不留神，一個不經意的刪除，就會造成線上的產品的事故。下面我們就給大家推薦一款CSS減肥的工具–Firefox外掛程式 CSS

在一個容器裡再定義一個絕對位置的p容器，再在p容器裡放需要垂直置中的圖片，圖片定義相對定位的CSS。直接上CSS代碼：#pic {     width:300px;     height:300px;     background-color:green;     border:

css|濾鏡 在CSS中還有一樣功能:濾鏡....  濾鏡可以針對圖形或者文字來增添一些效果...  如果在搭配之前所寫的定位以及文字的性質...  可以在不使用圖檔的情況下..  讓網頁有很棒的效果，而且瀏覽又快速...  CSS的濾鏡大概有14種...  較常以套用在:  <body>...</body>，<img>，<div>

css letter-spacing  屬性值：normal | <length>  初始值：normal  適用於：所有元素  繼承：是  百分比值：不適用  　　“letter-spacing”屬性定義了每一個字元之間的額外間距，該屬性值必須以長度為單位，且正負值都是允許的。  例如下例：  <HTML> 

css|菜單|下拉 　　訪問過 Microsoft 中文首頁的很多人都不會忘記它新奇的下拉式菜單吧. 它的確給我們帶來一股清新的網風, 它實現了網頁上下拉式功能表, 不僅剩去了很多點擊的麻煩, 並開創了一個網頁設計的未來之路. 

主要是利用背景色和邊框色來渲染每一個像素點，加上絕對位置，就可以變換出不同的風格。在製作一幅圖片之前最好是將圖片黑白風格化，然後用PS放大圖片.... 基本原理：沒有什麼技術含量，主要是利用背景色和邊框色來渲染每一個像素點，加上絕對位置，就可以變換出不同的風格。在製作一幅圖片之前最好是將圖片黑白風格化，然後用PS放大圖片，將各個點的位置計算精確。剩下的事情就是無窮的耐心和細心了  [Ctrl+A 全部選擇

css|網頁 　　CSS為網頁設計者們提供了豐富而靈活的頁面元素表現形式的控制手段。但是，或許你可能注意到了，對於底線，CSS提供的可選操作卻不是很多。一般情況下，人們看到的底線基本上都是橫直線，缺少生氣和靈動。不過，路並不是死的，通過一些絕妙的改造，我們還是可以做出富有創意的底線來使頁面更為美觀。這是一個自訂底線的例子：自訂的底線

　　我們在做布局的過程中常常遇到文字圍繞圖片的效果。如何用CSS實現文字環繞圖片的效果呢，通過這個例子就能看出。其實很簡單，就是圖片浮動位置的調整。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><style>div {width:300px;border:1px