CSS

最新的CSS相容方案，讓你的樣式完美相容各大瀏覽器，這個方案主要是用來解決Safari的，Opear是在測試的時候順帶試了一下，結果發現竟然也行，所以順便也解決了。:) .e {/*FF OP*/ background-color: #FF0000 } html* .e{/*Sa IE7 OP*/ background-color:#FF00FF } *+html .e{ background-color:#000000;/*OP*/

 作為一個 Web 設計師，精通 CSS 是絕對必要的而且對於 Web 開發也是必須的。 良好的 CSS 編寫習慣可以協助你節省時間，並且能更好地進行網站的後期維護使得運行速度更快，從而節約頻寬。下面是6個非常有用的 CSS 資源網站，包括 CSS 學習技巧、CSS 文章、CSS 進階文檔等。  A List Apart http://www.alistapart.com/topics/code/css/  A List Apart 是一個非常有用的 CSS

1對id的支援不一樣。js：function testInnerHTML2(){ alert('start!'); if(content.innerHTML.indexOf('id')!=-1)  alert('id'); if(content.innerHTML.indexOf('test')!=-1)  alert('test'); if(content.innerHTML.indexOf('con'!=-1))  alert('con'); if(content.className!=''

 <!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><title>【薦】採用jquery+css實現極酷的下拉式功能表導航 - www.webdm.cn</

   CSS 後代選取器 後代選取器（descendant selector）又稱為包含選取器。  h1 em {color:red;}<h1>This is a <em>important</em> heading</h1>有關後代選取器有一個易被忽視的方面，即兩個元素之間的層次間隔可以使無限的。例如，如果寫作 ul em，這個文法就會選擇從 ul 元素繼承的所有 em 元素，而不論 em 的嵌套層次多深。因此，ul em

動態載入css的實現思路，目前想到有兩種：一、js參考http://blog.csdn.net/qsdnet/archive/2006/12/31/1470891.aspx 主要內容如下：第一種：一般用在外部CSS檔案中載入必須的檔案  程式碼 @import url(style.css);/*只能用在CSS檔案中或者style標籤中*/ 第二種：簡單的在頁面中載入一個外部CSS檔案程式碼 document.createStyleSheet(cssFile);

為方便網站哀悼，特提供CSS濾鏡代碼，以表哀悼。修改方法:修改你網站的CSS，加上如下代碼就可以了。  body{ filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }   如果網站沒有使用CSS，可以在網頁/模板的HTML代碼<head>和</head> 之間插入：<style>body

小知識：什麼是CSS hack？由於不同的瀏覽器，比如IE6、IE7、IE8、Firefox等，對CSS的解析認識不一樣，因此會導致產生的頁面效果不一樣，得不到我們所需要的頁面效果。這個時候我們就需要針對不同的瀏覽器去寫不同的CSS，讓它能夠同時相容不同的瀏覽器，能在不同的瀏覽器中也能得到我們想要的頁面效果。這個針對不同的瀏覽器寫不同的CSS code的過程，就叫CSS hack，也叫寫CSS hack。 各瀏覽器CSS

顧名思義IE6的經典hack是：一個底線"_"，比如：_color: #FF0000;不過這個樣放在最下面。之後是IE6&7的HACK是：一個星號"*"，比如：*color: #FF0000;不過這個應該放在_hack的前面所以有人總結了一下，得到了下面這張圖：對於上面這張圖片，本身它就是別人轉給我的，有必要說明一下的是：一般第二行根本用不上，第三行理應寫在樣式的最下方。但是這裡只是給出了IE的HACK，問題是其他瀏覽器的hack也是有的：/* Firefox

大部分遮蓋層都是通過JS去擷取高度和寬度來定位的，而現在採用的大部分是CSS去做，除了一個為了相容IE6所必要的js。大致原理就是：讓遮蓋層的height和width達到100%來去實現，IE6下需要將body的height設為100%才有效。具體的代碼如下：<!doctype html><html><head><title>CSS 實現遮蓋層</title><meta charset="gb2312"

今天有位朋友一早從妙味課堂轉來一個有關於CSS布局的面試題，需要解決，花了點時間寫了幾個DEMO,放上來與大家分享受。那麼我們在看DEMO之前一起先來看看這個面試題的具體要求吧：左側固定寬，右側自適應螢幕寬；左右兩列，等高布局；左右兩列要求有最小高度，例如：200px;（當內容超出200時，會自動以等高的方式增高）要求不用JS或CSS行為實現；仔細分析試題要求，要達到效果其實也並不是太難，只是給人感覺像有點蛋疼的問題一樣。但是你仔細看後你會覺得不是那麼回事：左邊固定，右邊調適型配置，這個第一點應

<!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" lang="gb2312"><head><title>CSS+JS實現的靜態頁面翻頁效果</title><

很遺憾，距離上一次寫部落格，相差了那麼遠。可能是因為不怎麼會甚至嫌寫這些東西麻煩吧。但是個人也像那些前輩那樣子，覺得學習真的應該多總結。從七月11號回來學校，宅宿舍自學“html+css”，發現要堅持下來真的挺不容易的。有時候一晃就是一天，不知不覺就是一個星期...看看鏡子發現那個憔悴,無語啊。每次都想著堅持每個晚上去跑內環（廣州大學城），但是卻只是時不時偶爾去。其實自己的進程也不算趕吧...看來真的迫切需要改善下那種混無天日的生活習慣，加強身體鍛煉，希望我們IT學子都如此吧...真的很需要的。

在WEB開發過程中，資訊錄入介面中，經常會有一個特殊的輸入元素，如：必要欄位、日期選擇欄位、在快顯視窗中選值的欄位，使用CSS來設定這些元素的外觀，可以省去一些不必要的按鈕、提示，使頁面更加簡潔。　　效果如下：　　實現這樣的效果，只須一張圖片：CSS代碼很簡單：Html代碼

       今天花了點時間，設計了一個網頁上用的tabview(頁簽、tabcontrol)效果，網頁元素用得比較少，js代碼也比較精練。測試了一下支援IE、FireFox以及chrome。支援同一頁面上多處使用。　　沒有什麼過多說的。先看一下效果。頁面中用到一個圖片：頁面代碼如下：Html代碼  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/

根據google的analytics介面分析整理，個人覺得不錯。雖然元素多了點兒、看起來複雜了點兒、樣子不那麼非常美觀，但是可以隨意設定圓角矩形的寬度及高度，很靈活。　　不知為什麼google用了b元素，有點奇怪。　　頁面源碼：Html代碼  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

一、  善用css縮寫規則 /*注意上、右、下、左的書寫順序*/ 1.      關於邊距（4邊）： 1px 2px 3px 4px (上、右、下、左) 1px 2px 3px    （省略的左等於右） 1px 2px        (省略的上等於下) 1px            （四邊都相同） 2.      簡化所有： */ body{margin:0}------------表示網頁內所有元素的margin為0 #menu{

#dataDiv table {    margin:0;    padding:0;     font-family:arial;     font-size:inherit;     border-collapse:collapse;     border:1px solid #7F7F7F;    width:100%;        }/*表頭*/#dataDiv th {    text-decoration:none; color:white;

<!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><style type="text/css">    *{ margin:0px; padding:0px; }

著作權聲明：原創作品，允許轉載，轉載時請務必以超連結形式標明文章原始出版、作者資訊和本聲明。否則將追究法律責任。http://blog.csdn.net/mayongzhan - 馬永占,myz,mayongzhan 小改動 csdn改版是很頻繁的…這才幾天,又改了個小問題.把js的存放目錄由/js/改為/javascript/不知道這個修改是哪位老大搞的,是因為什麼搞的.難道是因為有緩衝,所以改了個目錄.呵呵,如果是這個原因那真有點可笑. 詳見紅字 #SubscriptionList