CSS

  div顯示捲軸的css代碼 這裡是你要顯示的內容 效果如下：div顯示上下捲軸的css代碼 這裡是你要顯示的內容 div只顯示上下捲軸 OVERFLOW-Y:scroll;這段是關鍵修改div捲軸顏色的css代碼 這裡是你要顯示的內容 修改捲軸顏色的代碼SCROLLBAR-FACE-COLOR(立體捲軸凸出部分的顏色) SCROLLBAR-HIGHLIGHT-COLOR(捲軸空白部分的顏色) SCROLLBAR-SHADOW-COLOR(立體捲軸陰影的顏色)

JSBuilder2 （extjs.com/products/jsbuilder）是配合 ExtJS 3 新發布的源碼打包工具，用 Java 語言編寫，打包編譯成 JAR 格式執行檔案發布到程式員手中。作為一個輔助開發人員的打包工具，它內含有幾種開源項目在內，包括 Rhino Project（著名的JavaScript編譯器）、YUI Compressor（對 JS/CSS 壓縮實行 minification、混淆 obfuscation）和 Java 環境下 JSON

1、十六進位的顏色值對位元與大小寫 編寫十六進位顏色值時你可能會用小寫字母或省略成3位元，關於這寫法沒找到確實的資料證明對瀏覽器的渲染效率是否有影響，但十六進位的顏色值預設標準是大寫及6位元標註。在未知情況下不希望冒險而降低了渲染的效率。 * 不贊成 - color:#f3a; * 建議用 -

 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 verdana,serif   

雙外邊距：此bug出現在IE6和更低版本中，當一個元素浮動時會出現雙倍的外邊距，加上display：inline，可修複。3像素文本移動：當文本與浮動元素相鄰時，此時需要給文本容器一個高度。height：1%；IE6重複字元：主要出現在html文檔中浮動元素間有過多注釋，刪除注釋即可；浮動清理是使用overflow：hidden時在IE6中可能會出現這種情況，一個固定的容器中的浮動元素，當這些浮動元素的子項目的尺寸超出有overflow：hidden的元素時，這個超出的部分會被截斷，即時採用絕對

  通常，我們可以給圖片<img>設定一個CSS屬性，定義其高度和寬度。但有時候，我們只希望控製圖片的最大可見大小。這樣的操作，一般有兩種辦法：1.直接使用CSS屬性值；2.使用JavaScript動態設定CSS值。一、固定大小一般，為了限制圖片的大小，會使用下面的HTML 屬性值或CSS屬性值來定義：<img src="http://www.linuxfly.org/logo.gif" width="600" height="500" border="0">img { 

 十步學習css定位知識    http://www.barelyfitz.com/screencast/html-training/css/positioning/ 這個教程解釋了css布局中的以下問題：    position:static,    position:relative,    position:absolute,    float 作為例子的div的代碼：<div id="example"> <div id="div-before"><p>

OO的CSS嘗試：物件導向的樣式表實踐美工和程式員如何合作？ 我的答案是就靠這種規則的CSS 因為結構比較規則，所以可以通過固定的Taglib來產生table 但美工和程式員之間需要一個熟悉CSS/Scritpt的web程式員之前想到過用類似於物件導向的方法來做CSS，主要的設計思路如下對於某種類型的Table，在系統中肯定會出現多次， 例如用於顯示新聞的，顯示公告的等等。因此把這種Table總結為一個CSS，而這些不同的CSS又有一些共性。 代碼:

 徵集國內網站公司設計師和程式員對此書的評價的一、二句話，我們將贈送這本全彩印刷的新書一本。 人民郵電出版社07初即將出版；亞馬遜電腦暢銷書 2007熱點圖書：禪意花園zen of css-------一本顛覆了傳統的網頁設計模式的CSS新書即將上市 書名：禪意花園zen of css

1、window.print方式：jsp頁面 列印按鈕：<input type="button" value="列印" onclick="print();">js 中：function print(){window.print();style樣式中，設定隱藏按鈕列印：<style>@media print

首先說明在CSS中的vertical-align屬性只對(X)HTML元素中擁有valign特性的元素才生效，例如表格元素中的<td>、<th>、<caption>等，而像<div>、<span>這樣的元素是沒有valign特性的，因此使用vertical-align對它們不起作用。 一、單行垂直置中

 解決IE6、IE7、IE8、Firefox CSS相容性的 Hack 寫法2010-08-11 15:28每次調CSS最令人頭痛的就是瀏覽器校正問題，因為每個瀏覽器對CSS的解釋都不太一樣，Firefox本身算是比較照規矩來，處理上比較簡單，但是遇到微軟的IE系列頭就大了，雖然都是IE，但是IE6、IE7、IE8各版本對CSS的解釋又不一樣，就算你本身已經在IE6調整好，但是在IE7看起來又是不一樣，這時我們就得來對各個瀏覽器設定不同的數值來解決版面移位的問題。網路上有非常多關於CSS

剛開始使用bootstrap css開源項目。遇到一個問題，預設的input 寬度太大，需要找小一點的。其實只需要在input tag中選用預定義的較小的寬度即可。比如:<input type="number" class="input-small"></input>input-small是預定義的一種類別，在bootstrap.css檔案中有一組這樣的類別:.input-mini { width: 60px;}.input-small { width: 90px;}

著作權聲明：原創作品，允許轉載，轉載時請務必以超連結形式標明文章原始出版、作者資訊和本聲明。否則將追究法律責任。http://blog.csdn.net/mayongzhan -

 前些時間學習css與div的課程什麼是css呢Css階層式樣式表或層疊樣式表（Cascading Style Sheet） 是能夠真正做到網頁表現與內容分離的一種樣式設計語言。相對於傳統HTML的表現而言，CSS能夠對網頁中的對象的位置排版進行像素級的精確控制那麼它與Html有什麼不同呢Html超文字標記語言

以前用CSS+DIV做過兩個小項目，感覺並不是很通暢，覺得有必要在這方面補補課，最近又用CSS+DIV山寨了幾個介面，算是練手吧，現在思路清晰多了，和大家分享。 一、為什麼採用CSS+DIV布局？簡單談幾點？首先，CSS+DIV布局對搜尋引擎友好，為什麼友好？是因為CSS+Div布局的代碼簡單，提高spider爬行效率，能在較短的時間內爬完整個頁面，這樣對收錄品質有好處。真正的網站最佳化不只是為了追求收錄，還需要良好的使用者體驗，代碼簡單自然會有良好的響應速度，對提高使用者體驗很有協助。 例如：

在IE6,7下只要不設定Div高度，就能自適應高度，背景色或背景圖也能自動延伸。但是在IE8或Firefox下面就有問題了！背景色或背景圖得不到延伸！！解決辦法看下邊：這種方法就是向父容器的末尾再插入一個額外的標籤，並令其清除浮動（clear）以撐大父容器。這種方法瀏覽器安全色性好，沒有什麼問題，缺點就是需要額外的（而且通常是無語義的）標籤。 在Div末尾加入代碼：　　＜div style="clear:both;">＜/div> 　　或者使用 　　＜br style="clear:

css li 去掉點的樣式寫法，其實就是利用css的list-sytle樣式來實現的。li{ list-style: url("pre.gif") outside circle; } 直接變色 li{ color:#f00; } 關於這個list-style-type的一些文法與參數： 文法： list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha |

一、margin:auto 0 與 text-aligh:center在現代瀏覽器（如Internet Explorer 7、Firefox、Opera等）現代瀏覽器實現水平置中的方法很簡單，只要設定到左右兩側的空白為自動即可。意即：#wrap { margin:0 auto;} #wrap { margin:0 auto;}上面這段代碼的意思是說使wrap這個div到左右兩側的距離自動化佈建，上下為0（可以為任意）。請在現代瀏覽器（如Internet Explorer

filter:alpha(opacity=50);opacity:0.5;Opacity: 相對於IE。Firefox似乎好像不支援。 值：以百分比為值，100 表示不透明度為100%；50側代表不透明度為50%。-moz-opacity: 相對於FF，Firefox。 值：以小數點為值，1 表示不透明度為100%；0.5側代表不透明度為50%。注意：上面的濾鏡IE8不支援。因此我們需要用 <meta http-equiv="X-UA-Compatible" content="IE=7"