CSS

css 代碼複製代碼 代碼如下:.couplet_ad/* 底部固定*/{position:fixed;bottom:auto; top:0; width: 120px; height: 230px; z-index:99999; margin-top:158px;}* html .couplet_ad/* IE6

一、網頁背景半透明網頁背景半透明複製代碼 代碼如下:opacity:0.8;filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)";IE6中CSS方法解決PNG圖片半透明問題：#DIVname {      width: 300px;      height: 99px;     

百度新聞首頁的方案：複製代碼 代碼如下: <table> <tbody> <tr> <td class="topic-pic"><a href=""><img src=""></a></td> <td

一、條件注釋簡介1.IE中的條件注釋（Conditional comments）對IE的版本和IE非IE有優秀的區分能力，是WEB設計中常用的hack方法。2.條件注釋只能用於IE5以上。3.如果你安裝了多個IE，條件注釋將會以最高版本的IE為標準。4.條件注釋的基本結構和HTML的注釋(<!– –>)是一樣的。因此IE以外的瀏覽器將會把它們看作是普通的注釋而完全忽略它們。5.IE將會根據if條件來判斷是否如解析普通的頁面內容一樣解析條件注釋裡的內容。二、條件注釋屬性gt :

類別選取器 在 CSS 中，類別選取器以一個點號顯示：複製代碼 代碼如下:    .center {text-align: center} 在上面的例子中，所有擁有 center 類的 HTML 元素均為置中。在下面的 HTML 程式碼中，h1 和 p 元素都有 center 類。這意味著兩者都將遵守 ".center" 選取器中的規則。複製代碼 代碼如下:    <h1 class="center">

透明往往能產生不錯的網頁視覺效果，先奉上相容主流瀏覽器的CSS透明代碼:複製代碼 代碼如下:.transparent_class {filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;} 上面的幾個屬性分別是:opacity: 0.5; 這是最重要的，因為它是CSS標準.該屬性支援Firefox, Safari和 Opera.filter:alpha(opacity=50);

1 六角形複製代碼 代碼如下:#star-six {    width: 0;    height: 0;    border-left: 50px solid transparent;    border-right: 50px solid

前提：氣泡框或者提示框是網頁很常見的，實現它的方式有很多，我們以前最常用的就是切圖片 然後通過 "定位" 方式 定位到相應的位置，但是用這種方式維護很麻煩，比如設計師想改成另外一種或者另外一種顏色 那我們只有再次切圖片等。下面我們來學習下使用html+css來實現這種效果！ 如下效果：   and  我們可以來分析下：要實現這種效果 無外乎就是一個矩形和一個小三角形 然後三角形定位上去就可以了，那麼我們怎麼樣通過css來製作小三角形呢？一：首先我們來看看css

純CSS的下拉式功能表 支援IE6 IE7 Firefox XHTML/CSS 標準 教程 技術文章 常見問題 布局教程專題 CSS菜單 瀏覽器安全色 捲軸相關 圓角矩形專題 CSS特效欣賞專題 AJAX AJAX教程 AJAX技術 Javascript JSON 技術文章 DOM XML Regex Regex簡介 Regex之道 網站最佳化 電腦網路 建站技術 PHP ASP ASP.NET JSP SQL Flash

input file在系統預設下的外觀： 我們最多通過定義input的border來改變系統預設的外觀：如果要讓瀏覽按鈕更漂亮一點，我們想定義它的背景顏色，甚至想用背景圖片來代替，通過css定義input flie還真是辦不到的。偶然看到一篇文章：input file 檔案選擇框美化 作者是把系統預設的按鈕設定透明度為0，再定義一個label標籤樣式，來覆蓋透明掉的按鈕。按照作者的方法，我也實驗了一下，代碼如下：  input file的另類做法 上傳檔案： 瀏覽.

下面是一段普通的代碼: css: 複製代碼 代碼如下:.box{ border:1px solid #ccc; font-size:12px; background:#f1f1f1; padding:10px; } html： 複製代碼 代碼如下:<div class="box">this is a gray box</div> 但是這個時候需求增加了，在頁面中不僅要有一個灰色的盒子可能還有藍色的盒子，可能還有綠色，通常我們會說用整合嘛，好我們就做如下更改

用作圖工具作一個漸層的長度.看起來能好看一點(寬:187px;高15px) 本來設想是當12%時,圖片從左到12%的位置顯示,餘下的88%不顯示,但不佔地(看起來和1px的圖片底沒什麼區別).下午時去網羅了一班.發現不佔地是不太可能的. 要隱藏圖片餘下的百分比,先想到了評分.亮和暗用了一張圖片,各占圖片總高度的一半.我寫下了: <div style="background:url(...) 12% left;width:187px;height:15px;"></div>

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

假定有二個BOX，我們需要它的最小高度為150PX。 CSS div.box1,div.box2{ width: 300px; min-height: 150px; background: #EEE; float: left; margin-right: 20px; } xhtml <div>IE中沒保持最小高度為150px</div> <div>最小高度可以設定一個BOX的最小高度， 當其內容較少時時，也能保持BOX的高度為一定</div>

由於“可視化”和操作簡便，在DW中編寫CSS的朋友很多，今天我們介紹一些在DW中編寫CSS的“最佳習慣”，希望對大家有所協助。 　　 CSS正在改變網站設計的進程。為迎合不斷增長的傾向於CSS的設計人員的需求，Macromedia DW MX引進了一些新的及改善過的CSS相關的特性。有了這些新的特性，你可以為未來的更新作好計劃，開發與W3C標準更加相容的網站。本文討論在DW MX中使用CSS以及突出某一特定CSS特性時的一些建議。 　　一般地講，樣式表(style

content [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]終於見識了這個變態的IE7，象霧象雨又象風，IE系列的CSS hack: * html它認；Firefox的CSS hack: html>body、#id[id]、html[xmlns] div這樣的東東它也認，教我說它什麼好呢！ 最終通過無敵 * 解決了它！

我把論壇首頁分為header區，資訊區，內容區，頁尾區。首先用一大div把這些包含進來，主要是考慮到頁面整體調節方便，比如要調成寬屏的或者是窄屏的，只要設定一下這個大div就可以了。 先把代碼貼出來，供朋友們調試使用。css: 複製代碼 代碼如下:/* CSS Document */ body{ background-color:#F5F5F5; margin:0; padding:0; font-family : "Lucida Grande", Verdana, Lucida, Arial,

對於div,p等區塊層級元素 正常文字的換行(亞洲文字和非亞洲文字)元素擁有預設的white-space:normal,當定義的寬度之後自動換行 html <div id="wrap">正常文字的換行(亞洲文字和非亞洲文字)元素擁有預設的white-space:normal,當定義</div> css #wrap{white-space:normal; width:200px; } 1.（IE瀏覽器）連續的英文字元和阿拉伯數字,使用word-wrap :

只要觸發IE的hasLayout，非浮動元素就會擁有布局。所以，利用IE6特有的hack規則，為它單獨寫樣式就可修複此問題： _zoom:1; margin-left: value; _margin-left: value-3px; zoom 是IE觸發Layout條件之一，因為它是IE特有的CSS規則，所以採用zoom。 margin-left: value-3px 是修複IE6 中3px 的bug。 此前採用非浮動元素也浮動的方法修複bug，現在我們可以試試這個新的方法了！

盡量少使用類,因為可以層疊識別,如: .News h3而不必在h3上加類 <div class=”News”> <h3></h3> <h2></h2> <p></p> </div> 3. 沒有現有元素區分的情況下再用div <div id=”mainNav”> <ul> <li>Home</li> <li>About