CSS

導讀： 1. 不使用 position這種情況下每一層都遵循 HTML 定位規則,其中的 left,right,top,bottom 定位資訊對其無效,z-index 也不會發揮作用因為沒有層疊的情況出現.2. 使用 absolute 如兩個絕對位置對象的 z-index 屬性具有同樣的值,那麼將依據它們在HTML文檔中聲明的順序層疊.2.1 未使用 z-index     這種情況下,依據它們在HTML文檔中聲明的順序層疊,因為 z-index 在未設定的情況下,預設為 0 .  001  0

1. viewport：也就是可視地區。對於案頭瀏覽器，我們都很清楚viewport是什麼，就是出去了所有工具列、狀態列、捲軸等等之後用於看網頁的地區，這是真正有效地區。由於行動裝置螢幕寬度不同於傳統web,因此我們需要改變viewport;實際上我們可以操作的屬性有4 個：?width -             //  viewport 的寬度 （範圍從200 到10,000，預設為980 像素）height -            //  viewport 的高度 （範圍從223 到10

1.CSS 字型簡寫規則 　　當使用css定義字型時你可能會這樣做:以下是引用片段：　　font-size: 1em; 　　line-height: 1.5em; 　　font-weight: bold; 　　font-style: italic; 　　font-variant: small-caps; 　　font-family: verdana,serif; 　　事實上你可以簡寫這些屬性:font: 1em/1.5em bold italic small-caps

 例子：.box { width: 200px;border: 10px solid #99c;padding: 15px;margin: 20px;} <p class="box">

 Absolute，CSS中的寫法是：position:absolute;TOP、RIGHT、BOTTOM、LEFT(下面簡稱TRBL)進行定位，在沒有設定TRBL，預設依據父級的做標原始點為原始點。如果設定TRBL並且父級沒有設定position屬性，那麼當前的absolute則以瀏覽器左上方為原始點進行定位，位置將由TRBL決定。                   

div 加手形連結style="cursor: pointer" mce_style="cursor: pointer">    超連結去掉底線 <style type="text/css"> a:link {text-decoration: none;}a:visited {text-decoration: none;}a:active {text-decoration: none;}a:hover {text-decoration: none;}

效果如下：前台代碼：   <div id="Men">            <a href ="addnewbooks.aspx" target="_blank"><span class="left"></span>增加新書<span class="right"></span></a>               <a href ="fengxingbookManager.aspx"

 CSS濾鏡是什麼CSS濾鏡是對常規的CSS的一個擴充子集，可以使應用對象(文字,圖片,HTML元素...)產生類似於PHOTOSHOP中的模糊,通透,邊緣發光等效果。合理的使用CSS濾鏡,可以減少網頁使用圖片的數量,從而減少網頁大小;也可以通過直接修改CSS中濾鏡的參數或者用JS動態修改CSS濾鏡參數,從而達到快速更新頁面的效果。CSS濾鏡豐富了網頁作為多媒體向使用者提供豐富多彩的資訊內容的展現方式。 CSS濾鏡的使用方法filter:filtername(parameters)　即filte

現在我大部分都是用!important來hack，對於ie6和firefox測試可以正常顯示，但是ie7對!important可以正確解釋，會導致頁面沒按要求顯示！搜尋了一下，找到一個針對IE7不錯的hack方式就是使用“*+html”，現在用IE7瀏覽一下，應該沒有問題了。　　　　現在寫一個CSS可以這樣：　　　　#example { color: #333; } /* Moz */　　* html #example { color: #666; } /* IE6 */　　*+html

1.修改標籤樣式：p{屬性：值}2.只針對某一個元素進行控制，使用ID選擇符，id在網頁中，具有唯一性，也就是在網頁只出現一次的內容：#ID名稱{屬性：值}3.針對某一類元素，設定相同的樣式類選擇符.類名稱{屬性：值}類在網頁中可以出現多次，用於定義重複的樣式。類定義後還需要在網頁中加入class=類名稱，加以調用同一個元素，應用多個類，類名與類名之間用空格分隔 class="類1 類2"類名或ID名，不要以數字開頭CSS樣式的特點：css叫層疊樣式表。1.繼承：子項目會繼承父元素的某些樣式 2

BackgroundProperityDescriptionValuesbackground同時設定一個或者多個背景屬性，各個具體屬性的值可以按任意順序組合background-colorbackground-imagebackground-repeatbackground-attachmentbackground-positionbackground-attachment設定圖片的現實方式，是隨著頁面滾動還是固定scrollfixedbackground-color設定背景顏色color-rg

 今天用我的本兒本兒看我的網站的時候發現排版比較亂，所以決定改一下。但是我的網站基本上是基於div+css寫的，那個時候機器上只有IE6 所以基本上只有IE6瀏覽的時候是正常的。       大概是去年的時候，我在家裡的機器上裝了一個FF，然後針對FF做了一些修改。現在又要針對IE7做改動了，不知什麼時候還要針對IE8做改動，我相信IE8很快就會出來，現在好像已經有英文的測試版本了。這個我沒有見過。       基本上我遇到的問題就是IDV高度適應內容和IDV高度置中的問題。去百度找了一下資料，

調高了行距太窄了，文字與邊框的距離也大了點，這樣看起舒服點。原來的版面太沉悶了，更改了一些文字的顏色，看起來有生氣一點。CSDN的BLOG沒有分頁功能，如果一個分欄裡的文章太多在底部有一個顯示所有文檔的連結，但不小心看一般不會留意，而左邊菜單上的文章分類由於壓在公告和CSDN BLOG固定的連結下面感覺不是很爽，於是想了個辦法把文章菜單提了上來把連結改成了顯示所有文檔的模式，不過隨著文章的增多不知以後會是怎麼樣了，真搞不明白為什麼沒有分頁功能。

HTML:<div id="wrap" >                <ul>           <li><a href="#image1" id="2"><img src="2.png" alt=""/></a></li>           <li><a href="#image2" id="3"><img src="3.png" alt=""/></a>

動態修改img標籤的src屬性，使用each <p><img class="google" src="http://www.google.com.hk/intl/zh-CN/images/logo_cn.png" mce_src="http://www.google.com.hk/intl/zh-CN/images/logo_cn.png" id="google1"></p> <p><img class="google"src="

CSS常用技巧參考資料：來自網上（沒找到原作者的名字，不好意思嘍）一.使用css縮寫使用縮寫可以協助減少你CSS檔案的大小，更加容易閱讀。css縮寫的主要規則請參看《常用css縮寫文法總結》，這裡就不展開描述。二.明確定義單位，除非值為0忘記定義尺寸的單位是CSS新手普遍的錯誤。在HTML中你可以唯寫width=100，但是在CSS中，你必須給一個準確的單位，比如：width:100px

http://msdn.microsoft.com/en-us/scriptjunkie/ff604643.aspx | Rey Bango | May 2010I’ve been meaning to do a roll-up of top JavaScript, CSS & HTML development tools that I use or have been recommended to me and after having lunch with my bud Brian

1 一列固定寬度 2 一列固定寬度置中 3  一列自適應寬度 4 一列自適應寬度置中 5 一列二至多塊布局   採用了dreamweaver來開始網頁設計，其優點主要有：代碼提示，可視化開發環境，完美支援css+div一列固定寬度 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

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

很多的Web designer在剛接觸W3C標準的時候，都遇到過高度自適應的問題。因為div等對象的height:100%;並不能夠直接產生實際效果，於是開始懷疑瀏覽器是否支援height:100%;的編寫方法？當然不是，最明顯的例子就是table height="100"是沒有任何問題的。這是很令人煩惱的問題。我瀏覽了很多網站，包括www.w3cn.org等，有的解決辦法是不斷地修改height的固定值，或者利用頁面背景和div背景相同來欺騙瀏覽者的視覺，但都沒有從根本上解決問題。今天從一本《