CSS

 .fl-pic{ overflow:hidden; width:750px; //可見元素的寬度 height:50px; } .fl-pic ul{ width:3500px;//讓LI能夠在一行，如果小了，LI會換行； } .fl-pic ul li{ float:left; width:100px; height:50px; }<div class="fl-pic"> <ul>

在項目架構中，首先要引用很多css和js檔案，80%的使用者回應時間都是浪費在前端。而這些時間主要又是因為下載圖片、樣式表、JavaScript指令碼、flash等檔案造成的。減少這些資源檔的Request請求數將是提高網頁顯示效率的重點。這裡好像有個矛盾，就是如果我減少了很多的圖片，樣式，指令碼或者flash，那麼網頁豈不是光禿禿的，那多難看呢？其實這是一個誤解。我們只是說盡量的減少，並沒有說完全不能使用。減少這些檔案的Request請求數，我們這裡主要針對js和css檔案進行最佳化，使用Co

http://www.codeproject.com/KB/webforms/DataGridFixedHeader.aspxhttp://www.codeproject.com/KB/webforms/FreezePaneDatagrid.aspx這個兩個都是比較經典的用DIV + CSS來控制GridView的捲軸的較之以前我經常接觸到的自己寫的GridView控制項來說，簡直太方便了固定Header或者Header和左面的第一列或者某一列xhtml1.0和html4.0的document

今天遇到一個文章，老外問我如何給FILEUPLOAD 控制項上色，就連老外的MVP也說不是容易的事情，呵呵。其實有些時候我們只要變通下就可以解決這樣的小問題，看看My

出處不詳！但值得收藏！現在都比較流行用CSS+DIV設計網頁，國外有很多CSS+DIV模板資來源站點，許多網頁設計師都願意分享自己設計的模板，有些好的模板流量是相當可觀的。而且CSS+DIV設計網頁比較容易上手，通過CSS模板資來源站點來推廣網站也是英文網站推廣的一個常用的方法，總結具體步驟如下： 學習CSS+DIV基本文法，盡量達到精通的地步 自己或找美工，設計一套目標網站的模板（修改也可），一定要有個性，能讓人眼前一亮

問：I want to write some css that works only in IE6 without putting it in a separate file like the following:<!--[if IE 6]><link rel="stylesheet" type="text/css" href="iespecific.css" /><![endif]--> Is this possible?Also if some one

原文：Efficiently Rendering CSS我承認我並不經常想這個問題......我們寫的css的效率是怎麼樣的呢，瀏覽器渲染的速度又如何呢？這是應該是瀏覽器開發人員應該關心的(頁面載入更快，使用者就會更愉快)。Mozilla有一篇文章： about best practices . Google 當然也很關心這個問題，他們也有這樣一篇文章：Optimize browser rendering

之前我寫過一篇關於CSS透明度的文章，抱怨CSS對一個元素設定透明度後，導致它裡面的元素也跟著透明了。最近我發現，其實這樣挺好的。有時候我們想要一個背景半透明文字不透明的效果，比如一個“資訊警告框”，但當我們給這個元素加上opacity屬性後，發現背景和他裡面的所有東西都半透明了，導致辨認困難。如果你硬揪著opacity不放，你會發現用opacity來實現背景半透明文字不透明的效果很困難。於是，像我一樣，覺得W3C關於透明度的設定真是蛋疼。其實，是我們理解錯了。如果要背景半透明文字不透明這種效果

.outer { display:table; width:578px; overflow:hidden; background: #eee; height: 42px;}.middle {display:table-cell; vertical-align:middle; margin-left 10px;} /*下面的CSS是針對IE7，IE6*/<!--[if lte IE

很長一段時間，我都使用12px作為網站的主要字型大小。10px太小，眼睛很容易疲勞，14px雖容易看清，卻破壞頁面的美感。唯獨12px在審美和視力方面都恰到好處。誰對我的網站字型大小有意見？我老爸，他是第一個向我反映看不清我的網站文字的人。這使我意識到12px，其實只是讓我覺得很不錯而已，而對於那些視力下降明顯的中年以上的人來講，幾乎等於10px對於我的感覺。於是我告訴他，在“查看”裡調整“文字大小”就可以了。但是卻發現這是徒勞的。在Firefox能輕易調整的字型大小，怎麼在IE就變得如此”堅不

With new technologies flooding the web,different tools are available with which a web designer can showcase his creativity and craft. But despite putting in the effort and sweat, numerous websites with fantastic creativity fail to get noticed. Also,

用DIV撐圖片的時候，在IE7下面發現好好的在IE6下面居然不行~~~後來發現，原因有21. IE6對PNG格式支援的不好2. 可以用CSS Microsoft的filter濾鏡來解決但最簡單的辦法就是將png格式換成gif格式注意不要被檔案名稱騙了啊~~我就是被騙了，害我找了好久~~gif要是真正的gif格式才可以

文章目錄 List of 25 Javascript/Ajax and CSS Tooltips Zusatzinformationen über Links oder spezielle Hinweise werden im Web oft in kleinen Fenstern namens Tooltips angezeigt, die bei mouseover oder click angezeigt werden. Um

Here is the oraginal link, http://www.noupe.com/javascript/37-great-ajax-css-tab-based-interfaces.htmlWe’d like to present the results of our search:The Autochanging Tabs1) Easy Tabs 1.2 with autochange- You can now set the autochange mode to one of

<html xmlns="http://www.w3.org/1999/xhtml"><head><title>css圓角效果 無圖片實現圓角框</title><meta http-equiv="content-type" content="text/html; charset=gb2312"><style type="text/css">div.RoundedCorner{background: #9BD1FA}b.rto

   利用 CSS 來實現對象的垂直置中有許多不同的方法，比較難的是選擇那個正確的方法。我下面說明一下我看到的好的方法和怎麼來建立一個好的置中網站。使用 CSS 實現垂直置中並不容易。有些方法在一些瀏覽器中無效。下面我們看一下使對象垂直集中的5種不同方法，以及它們各自的優缺點。(可以看看 測試頁面 ，有簡短解釋。)方法一這個方法把一些 div 的顯示方式設定為表格，因此我們可以使用表格的 vertical-align property 屬性。<div

1. <script type="text/javascript" src="base.js?1217128319"></script> 2. <link rel='stylesheet' href='http://liupeng.us/base.css?version=2.3.3' type='text/css' /> 3. <link rel='stylesheet'

 IE6，7並不支援CSS3的屬性，IE8也不能很好的支援CSS3。如何讓ie支援border-radius (rounded), box-shadow ( shadow), text-shadow等這些屬性呢？這裡介紹一個通過htc指令碼實現這些屬性的方法。       首先下載ie-css3.htc指令碼。然後在css中加入 behavior: url(ie-css3.htc);.box { -moz-border-radius: 15px; /* Firefox */ -webkit-

採用css selection改變文字反選的背景顏色的方法！在電腦操作中經常會有反選出現，系統一般會根據選擇地區的顏色，顯示出補色。但windows預設的文字選擇時，背景為藍色，前景色彩為白色，如果背景是深色，則文字為藍色，背景變成白色。如所示： 反選後預設的樣式能不能改變選擇的預設顏色呢，也許很多人對這個問題不是很在意，也可能你早就見到過這個效果了，但是卻忽略了。PPK給出了如下的CSS代碼：::-moz-selection{ /*針對Firefox*/ background:#cc0000;

在做大型的項目的時候，前期，一定要做好規劃，，有條有理的進行之中。。。CSS檔案也是這樣，一般在做這種項目的時候，網站都會有一個專門放置CSS的檔案夾。。----------------------------------------------------------------------------------------------------------------------------在當前瀏覽器普遍支援的前提下，css被我們賦予了前所未有的使命。然而依賴css越多，樣式表檔案就會