CSS

昨晚看到的，今天來記錄一下有時我們可能希望內部連結與外部連結顯示不同的樣式如外部連結我想在連結的旁邊加上一個小表徵圖，以表示其是一個外部的連結，來告訴來訪者，讓他們來確認是在新視窗開啟還是在本視窗開啟。我們可能會這樣做：.external{   background:url(images/external.gif) no-repeat right top; 

一、使用css縮寫使用縮寫可以協助減少你CSS檔案的大小，更加容易閱讀。css縮寫的主要規則請參看《常用css縮寫文法總結》，這裡就不展開描述。二、明確定義單位，除非值為0忘 記定義尺寸的單位是CSS新手普遍的錯誤。在HTML中你可以唯寫width=100，但是在CSS中，你必須給一個準確的單位，比如：width: 100px width:100em。只有兩個例外情況可以不定義單位：行高和0值。除此以外，其他值都必須緊跟單位，注意，不要在數值和單位之間加空格。三、區分大小寫當

<!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> new document </title><meta

今天我們將提供兩款非常有用的 CSS 查詢手冊（PDF）用以協助開發人員快速地查閱 CSS 2.1 的有效屬性和一些目前看來鮮為人知的 CSS 3 屬性，手冊中對涉及到的每一個屬性都會有詳盡的解釋。當然，我們首先要感謝這些手冊的發行者GoSquared無私的貢獻。CSS 2.1 查詢手冊中詳細地講解了 CSS 文法，羅列了 Font, Text, Margins, Padding, Border, Position 等屬性。而在CSS 3

關於CSS網頁布局id與class命名或許成為大家比較頭疼的問題，為了滿足大家對知識的渴求，現介紹一下CSS網頁布局方法。

因FF預設字型就是微軟雅黑，而且瀏覽器預設設定忽視了css中的字型定義。所以，如果你在CSS中指定的不是雅黑的字型，兩個瀏覽器的樣式絕對會不一樣的[前提是你沒有改變FF瀏覽器的預設設定，使它可以隨css定義的字型]。其他總結一下：1.P標籤在IE和FF中，不僅margin和padding預設的不一樣，line-height的解釋也不同，盡量line-height設定成實際像素。2.將DreamWeaver中的靜態HTML頁面，複製到.aspx頁面時，一定要注意編碼格式，這裡面很可能要使你原來做好

今天做了一個專題頁，應用到了css的特殊性和繼承。其實疊層樣式就是通過繼承和特殊性來實現的。代碼邏輯結構如下：div.content>(div.bgb.con1+div.bgb.con2) 解釋：1.設計圖是一個年貨專場，分為自提商品和快遞商品兩塊。代碼中用con1和con2來表示。自提商品和快遞商品塊中都有背景。2.公司專題頁有專門的模板，專題中的商品背景都是白色的。3.設計圖中給出一個固定高度的漸層背景。但是在自提和快遞容器中存放的商品個數是不確定的。給出的解決方案是：1.將一整個漸層

一、語義化的html標記的好處：1.對人來說容易處理，對機器（搜尋引擎）來說容易理解。2.可以直接對元素設定樣式，不需要添加其他標識符，可以有效避免代碼膨脹。二、h4是文檔標記語言創造的，而不是介面語言，沒有更多的語義化元素。現在給元素語義化主要有兩種方式：1.使用h5標記（h5中有header，section，article，footer，nav等語義化標記）。2.使用class和id來給現有元素賦語義。注意：1.用id和class為元素命名應該根據他們是什麼，而不是根據他們的外觀如何來命名，

HTML重點在於描述結構,其特點就是用<和>定義標籤,這和XML非常相似,所以HTML注釋用<!--和-->也是符合這一特點的。CSS則是用於定義樣式,特點是{和}的使用,從這點上來看非常像C或是JS,所以用/*和*/來作為注釋也就不會很奇怪了。JS中可以用//注釋，也可以用/*和*/注釋。HTML注釋<!--注釋的內容-->定義和用法注釋標籤用來在來源文件中插入注釋。注釋會被瀏覽器忽略。您可使用注釋對您的代碼進行解釋，這樣做有助於您在以後的時間對代碼的編輯。

web前端，我們可以把它理解成瀏覽器端。從這種意義上來講，開發人員日常工作跟瀏覽器關係是相對緊密的；我們今天要探討的問題，就是關於瀏覽器中的另類（當然開發人員是這麼認為的）—IE 對CSS解釋和渲染上的一些bug，以及對這些bug的解決方案。當然你會說，ie的CSS

1.權重最高是直接在元素後面加 !important .2.來源的權重：讀者重要聲明：!important創作人員重要聲明：!important創作人員正常聲明讀者正常聲明使用者代理程式3.選取器的特殊性：內聯樣式：1.0.0.0ID屬性值：0.1.0.0class，偽類，屬性選取器：0.0.1.0元素，為元素：0.0.0.1萬用字元選取器*，非css表現提示（font）：0.0.0.0結合符，繼承值：0.0.0.-1 

做網站的朋友都知道，由於各瀏覽器核心不一樣，即使IE的不同版本顯示也不一樣，所以同一頁面在各個瀏覽器中顯示效果不相同，所以要想測試一個網頁 很麻煩，需要安裝多個瀏覽器，但IE瀏覽器不能共存，只能裝一個版本，這樣一來，要麼用虛擬機器的辦法解決，要麼安裝綠色版本，如IEtester等。但安 裝虛擬機器太麻煩，綠色版又容易出問題，筆者以前裝過，結果造成本身的IE瀏覽器出錯不能訪問。所以今天在這兒給大推薦一個通過網頁開啟的多瀏覽器，網址

漂亮有創意的CSS+DIV網址http://www.liberatutti.it/index.asp?autenticazione=fallitahttp://www.pixel-house.com.au/http://www.hbcweb.com/http://main.wixi.com/http://www.grupoalta.com/http://www.nclud.com/http://www.energyrace.com/ 另外還有一些優秀的Web2.0網站http://www.liv

css中的position的relative和absolute預設的屬性值都是static，靜態。就不用多說了。最關鍵的是relative（相對）以及absolute（絕對）。往往我們如果是COPY別人的代碼，會把absolute屬性與left、top配合起來製作相關的“懸浮層”效果。然而有時候我們需要針對某一個容器的懸浮效果，而不是針對視窗的。這時候通過高度、寬度的計算不但麻煩，而且幾乎無法完美實現效果。我一開始也無能為力，後來發現只要把其上一級的樣式屬性position設定為relative

在當前IE6 IE7 FifeFox三分天下的情況下,瀏覽器安全色性問題成為網頁設計者需要考慮的問題.   區別不同瀏覽器的CSS hack寫法： 區別IE6與FF：        background:orange;*background:blue; 區別IE6與IE7：        background:green !important;background:blue; 區別IE7與FF：        background:orange; *background:green; 區別FF，

之前經常遇見classname、csstext之類的詞，卻不知道如何用。通常在網頁中樣式表的調用方法有四種。第一是外鏈，即<link rel="StyleSheet" href = "/control/css/base.css">的形式；第二是輸入樣式表；第三是在網頁頭部申明，如<head> <style type="text/css">...；最後是直接在對象後寫樣式，即<div style =

在子頁面的Page_Load中寫方法一: Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->       HtmlLink csslink = new HtmlLink();       csslink.Attributes.Add("rel", "stylesheet");       csslink.Attributes.Add("media", 

     cnblogs提供了很多的部落格介面模板，個人覺得不怎麼喜歡，所以就自己整了個部落客頁面的css，若有朋友覺得我的部落格介面還不錯的話，可以使用我做的樣式。在使用自訂樣式之前呢，還要在後台管理中做一些設定。進入管理介面，選擇“設定”。設定部落格模板為“Custom”，勾選“通過CSS定製頁面”下面的“禁用模板預設CSS”，把我的css粘貼到“通過CSS定製頁面”下面的文字框中，並儲存設定。進入自己的部落格，看看樣式是不是跟我的一樣了。：http://files.cnblogs.com/

             http://www.20ju.com            http://www.yougedi.com/index.php            http://www.mywowo.com/Default.wo            http://365rss.cn/            http://www.go2web20.net/            http://www.w3cn.org/index.html            http://www.