CSS

產生背景HTML語言自HTML4.01以來，不再發布新版本，原因就在於HTML語言正變得越來越複雜化、專用化。即標記越來越多，甚至各個瀏覽器生產商也開發出只適合於其特定瀏覽器的HTML標記，這顯然有礙於HTML網頁的相容性。於是W3C組織進而重新從SGML中擷取營養，隨後，發布了XML，XML是一種比HTML更加嚴格的標記語言，全稱是可延伸標記語言 (XML)（EXtensible

1.整個盒模型在頁面中所佔的寬度是由左邊界+左邊框+左填充+內容+右填充+右邊框+右邊界組成，而css樣式中width所定義的寬度僅僅是內容部分的寬度。2.

1.區別IE和非IE瀏覽器#tip {background:blue; /*非IE 背景藍色*/background:red \9; /*IE6、IE7、IE8背景紅色*/}2.區別IE6,IE7,IE8,FF

CSS 如何使DIV層水平置中今天用CSS碰到個很棘手的問題,DIV本身沒有定義自己置中的屬性,網上很多的方法都是介紹用上級的text-align: center然後嵌套一層DIV來解決問題.可是事實上這樣的方法科學嗎?經過網路搜尋和親自實驗得出以下結論:正確的也是對頁面構造沒有影響的設定如下:對需要水平置中的DIV層添加以下屬性:margin-left: auto;margin-right:

說明：在學習css的過程中由於其中包含太多的元素、屬性等等，總有許多是自己拿不準甚至經常出錯的地方，通過這         個部落格把易錯點記錄下來，自己用；也順便跟大家分享。易混屬性：　   1.display屬性的none可以隱藏標籤，visibility的none也可以隱藏標籤。　   區別：前者隱藏且不佔原來位置上的空間，後者隱藏但是還佔據著原來位置上的空間。                

1、特殊性首先來看一下這個例子將會發生的情形:1 .grape { color:Blue; } 2 H1 { color: Red; } 3 <h1 class="grape">Meerkat <em>Central</em></h1>H1和.grape都匹配上面的H1元素，那麼到底應該使用哪一個呢？實踐證明.grape是正確答案，把句子顯示為藍色。根據規範，一般的 HTML元素選擇符(H1

<!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>CSS實現的仿Textarea效果</title><meta http-

 原文地址：http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html前言       本教程將教你如何通過使用CSS建立漂亮的文字按鈕。動態按鈕會節省你很多時間，而且通過花費時間來建立圖形基本上會讓在這一天結束的時候變得更加快樂。在這裡你會得到什麼：Sliding doors技術      

corev4.css.s4-ql UL.root > LI > .menu-item { BORDER-BOTTOM: transparent 1px solid; BORDER-LEFT: transparent 0px solid; PADDING-BOTTOM: 3px; OVERFLOW-X: hidden; MARGIN: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 4px; WORD-WRAP: break-word; COLOR: #

// 引入js檔案            HtmlGenericControl scriptControl = new HtmlGenericControl("script");            scriptControl.Attributes.Add("type", "text/javascript");            scriptControl.Attributes.Add("language", "JavaScript");            scriptControl.

Master Page 內容頁中使用CSS 　　ASP.NET 2.0 中增加了內建的 MasterPage 的支援，這對我們來說是一個很大的便利。然而經過一段時間的使用，我發現 MasterPage 並不是那麼完美：嵌套的 MasterPage 不能支援設計時介面，以及下面要提到的Content Page 中增加 CSS 的問題。　　通常，在沒有 2.0 之前，我們在頁面裡要增加一個 CSS 引用的文法如下：　　<link rel="stylesheet" href="css/test.

 YUI Compressor是Yahoo推出的Javascript和CSS壓縮公用程式，基於java環境運行，因此需要首先安裝JRE或者JDK（在這裡我使用JDK）。1、Java環境配置——Windows7（32位）1）下載JDK（建議1.6版本以上）並安裝，我的jdk安裝目錄是D:\Program

這本書的第3版是由翻譯此書的第1版的中國電力出版社引進出版上市，這本譯書的翻譯品質不錯，閱讀起來比較流暢。這本書正如出版商圖靈所言是CSS界權威Meyer大師三部曲中的一部理論書。因為第1章本人試著翻譯過，所以對電力這本書的翻譯水平不想多說了，只有一個字：贊！同行的人們一致說這本書是學習CSS基礎的首選。閱讀完這本書再結合《精通CSS》的閱讀有種衝破瓶頸的感覺。其中收穫的“內幕”有浮動、定位、表格、框模型、行內(inline)和塊(block)、背景等各種CSS的原理和web代理在解釋引擎上的原

CSS中最常用的布局類屬性，一個是Float(CSS浮動屬性Float詳解)，另一個就是CSS定位屬性position。1.position:static所有元素的預設定位都是：position:static，這意味著元素沒有被定位，而且在文檔中出現在它應該在的位置。一般來說，不用指定 position:static，除非想要覆蓋之前設定的定位。Code highlighting produced by Actipro CodeHighlighter

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> CSS樣式裡使用JavaScript(onmouseover/onmouseout)2</TITLE><META NAME="Generator" CONTENT="EditPlus"><META NAME="Author" CONTENT="">&l

屏蔽IE瀏覽器（也就是IE下不顯示）*:lang(zh) select {font:12px  !important;} /*FF的專用*/select:empty {font:12px  !important;} /*safari可見*/這裡select是選擇符，根據情況更換。第二句是MAC上safari瀏覽器專屬的。僅IE7識別*+html  {…}當面臨需要只針對IE7做樣式的時候就可以採用這個HACK。IE6及IE6以下識別*

如何避免表格因為圖片尺寸或者過長的英文字元而變形撐開，在CSS加入以下代碼就可以防止，同時英文單詞也會按單詞斷行，不是按字母這個。我想說的是這個 在CSS2.0是不支援的，但是能解決一些實際問題。頁面設計不是為了標準檢驗而設計，還是以使用者使用為主，在目前有些WEB標準無法解決的一些問題上， 我會採用一些非標準的方法處理，只要主流BROWSER如IE,Firefox,Netscape,Opera等上能正確顯示，我會把通過WEB表準的校

常用的二列布局,外容器Div定義class為container, 包含class分別為left 和main兩個子DIV,下邊是class為foot的Div當我們想在container和foot之間加一點間隙時,fifefox卻發起了脾氣代碼如下:Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--><!DOCTYPE html PUBLIC "-//

經常遇到頁面裡載入的js與css檔案帶有參數，比如：<script type="text/javascript" src="group.js?version=1.2.6"></script><link rel='stylesheet' href='base.css?version=2.3.3' type='text/css'

首先在 aspx 的前台檔案中:<script  type="text/javascript">        function change(s)        {                        switch(s)            {             case "固定期限":             document.getElementById("Panel1").style.display ="block";