CSS

　　大家都清楚一個網站象徵著你和你的品牌，這取決於你如何構建自己的網站。正因為Wordpress越來越受到互連網設計群體的關注，它並不代表最基本的(X)HTML/CSS很醜、很雜亂和單調。向大家推薦99個高品質的免費(X)HTML/CSS模板，你可以用於自己或公司企業的網站。01. T-20線上預覽 下載該模板02. Shape線上預覽 下載該模板03. Your Business線上預覽 下載該模板04.Solitude線上預覽 下載該模板05. Fashion Club

新出了個IE8 更混蛋 暫且讓IE先用IE7指令碼解釋在head中加入 <meta http-equiv="X-UA-Compatible" c /> 即可1. >是子選擇符,用於匹配直接後輩,孫輩就不匹配了。IE6 不支援，興例：li:hover>a 子物件選擇符，只對兒子起作用，對孫子不起作用。li:hover a

　　上面的效果看起來還不錯吧。在網頁裡，除了用Flash，我們還是有不少方法可以實現它。　　顯然這種效果不複雜，一張背景圖片，加上前面帶有透明度的多邊形圖層，在指令碼控制下就可以轉起來了。但問題在於用什麼方法來構建這個多邊形？　　在IE下可以用VML，其他瀏覽器可以用Canvas等等。雖然行的通，但都不是最簡單的。仔細分析下，該效果本質就是若干個三角形拼接而成。而三角形，如果你熟悉CSS2的話，一定在哪個地方見過。。。　　首先來看一個100*100尺寸的div，他有4條彩色的邊框： 　　當然，此

樣式:<style> .fixTitle { BACKGROUND: navy; COLOR: white; POSITION: relative; ; TOP: expression(this.offsetParent.scrollTop) }  .scorllDataGrid { OVERFLOW-Y: scroll; HEIGHT: 300px } </style>Html<body MS_POSITIONING="GridLayout">       

CSS bug是布局中最頭疼的問題。我們需要兼顧各種瀏覽器，以期待獲得一致的效果。非常遺憾的是各廠商之間的競爭導致很多問題的存在。而IE6與 IE7在很多問題上也存在著很大的差別。在52CSS.com大量的技術文檔中，也包含了這方面的內容。輕鬆的解決CSS bug是我們必須掌握的技能。 現在整理出最常用的12種CSS BUG解決方案以及CSS BUG類的小技巧。希望對您的學習、工作有所協助，如果您依然有疑問，歡迎您到

一、首先說下CSS實現背景全透明全透明比較好實現。在要實現透明功能的id或Class裡，輸入{background:transparent;}在IE、Firefox等瀏覽器下都有效果。二、再來說下CSS實現背景半透明可以實現自訂的透明程度，代碼如下：{filter:alpha(opacity=80); /* 用於IE瀏覽器－透明度為20%*/-moz-opacity:0.8; /* 用於Moz +

文章目錄 1. Download source files2. Insert code 3. Configuration4. Add or remove itemBrowser Compatibility CSS Dock MenuMay 8th, 2007 Filed in: Mac, Design Jump to commentsIf you are a big Mac fan, you will love this CSS dock

用他來調試javascript絕對好使。首頁:http://getfirebug.com/google論壇 http://groups.google.com/group/firebugFirebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and

div+css 布局下相容IE6 IE7 FF常見問題 收藏 所有瀏覽器 通用 （市面上主要用到的IE6 IE7 FF）height: 100px;IE6 專用 _height: 100px;IE6 專用 *height: 100px;IE7 專用 *+height: 100px;IE7、FF 共用 height: 100px !important;一、CSS 相容 以下兩種方法幾乎能解決現今所有相容.1, !important

在做表單時我們經常遇到讓上下兩個欄位對齊的情況，比如姓名， 手機號碼， 出生地。這樣我們就要用到 text-align， text-justify樣式了。text-align直接設為justify就行了，text-justify的情況就複雜了，可能有人對它還不熟悉。IE的取值如下：auto :允許瀏覽器使用者代理程式確定使用的左右對齊法則 inter-word :通過增加字之間的空格對齊文本。該行為是對齊所有文本行最快的方法。它的左右對齊行為對段落的最後一行無效 newspaper :

找一個雖然不是很好看，但設定起來比較複雜的吧：彩色底紋－強調文字顏色6Word中的效果示：【樣式分析】：Word中設定表格格式，主要是設定邊框和底紋，可選定整個表格或者部分儲存格右擊→表格屬性→邊框和底紋，開啟“邊框和底紋”對話方塊進行設定或察看，簡單分析如下：一、表頭所有儲存格1、上邊框：無；2、左邊框：無；3、右邊框：無；4、下邊框：顏色#4BACC6，3磅，單實線（網頁中磅不好設定，用3px取代）;二、內容所有行底紋顏色：#FEF4EC;三、內容所有奇數行底紋顏色：#FBCAA2；四、內容

       YUI Compressor是Yahoo!開發的一個專門用於壓縮JavaScript和CSS檔案的小工具，作業系統中需要jdk環境的支援。所有要使用這個小工具，得先安裝jdk，然後配置JAVA_HOME的環境變數。        jdk的：http://www.oracle.com/technetwork/java/javase/downloads/jdk6-jsp-136632.html      

CSS的最佳化通常包括兩方面: 格式化CSS和精簡CSS。精簡CSS的辦法是把具有相同屬性的元素合并在一起，但這會降低代碼的可讀性，使代碼的後期維護很麻煩，稍不注意就出錯。格式化CSS一般就是多行模式或單行模式的選擇，比如我個人就完全受不了多行模式 下面是一些線上的CSS最佳化工具，能讓你方便的對CSS檔案進行各種最佳化處理。1. Online CSS Optimizer

有一些 CSS Framework 還是值得試一下的，除了提高工作效率，也可以學習一些優秀的Framework思想.~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~General CSS FrameworksThe CSS frameworks here offer designers a structure going into their projects, so they aren’t starting entirely from scratch. Some

CSS2.0中最常用的18條技巧收藏一、使用css縮寫　　使用縮寫可以協助減少你CSS檔案的大小，更加容易閱讀。 　　具體內容請瀏覽：CSS常用縮寫文法 二、明確定義單位，除非值為0。　　忘記定義尺寸的單位是CSS新手普遍的錯誤。在HTML中你可以唯寫width="100"，但是在CSS中，你必須給一個準確的單位，比如：width:100px width:100em。只有兩個例外情況可以不定義單位：0值。除此以外，其他值都必須緊跟單位，注意，不要在數值和單位之間加空格。

遇到的問題：div用到了style的float:left，當在這個div裡面再嵌套含"style:float"的div時，出現了下面這個問題：本來應該在邊框內的兩個圖片，只有一小部分在邊框內了。 解決辦法：設定父div的style的height屬性，哪怕是height:1px，問題立馬解決。效果如下： 注意：height:1px在IE6中顯示正常且Div的高度會被自動撐開，但在IE7中，最好使用min-height來控制。歡迎轉載，但是請註明出處。

原文地址：http://www.pconline.com.cn/pcedu/soft/wl/ftp/0907/1714364.html什麼叫“CSS中的圖片”？

本人一般用editplus寫一些小的測試代碼或者來研究學習別人的代碼，但經常會遇到這些問題：下載過來的HTML/CSS代碼混亂，JS代碼被壓縮，或者是我們想把我們的代碼做一下壓縮混淆以供發布時使用。當然，對於代碼的格式化和代碼壓縮等，我們都可以使用專有的工具，或者使用一些線上的工作來做，既然EditPlus可以擴充外掛程式，那我們何不利用這一功能來把這些工具整合到EP中呢？     

段落前面空兩個字的距離，不要再使用空格了。應該使用首行縮排text-indent。　　text-indent可以使得容器內首行縮排一定單位。比如中文段落一般每段前空兩個漢字。　　在這裡我們需要瞭解一種長度單位em。em是相對長度單位。相對於當前對象內文本的字型尺寸。　　我們中文段落一般每段前空兩個漢字。實際上，就是首行縮排了2em。　　看下面的例子：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.

以前寫的，放在這裡：.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;-moz-binding:url('ellipsis.xml#ellipsis');display:block;} ellipsis.xml代碼<bindings xmlns="http://www.mozilla.org/xbl" xmlns:xbl="http://www.mozi