CSS

------------------------------華麗麗的分割線------------------------------------<table cellpadding="0" cellspacing="0" width="72%" height="30" border="0"><tr><td width="33%" height="300"

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-

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

有關表格邊框的css樣式表文法說明   我們知道Dreamweaver在表格製作方面做得非常出色，但是在某些時候還是必須結合css才能達到一些特定效果，下面我們先把有關表格邊框的css文法整理出來，然後另外介紹怎樣用css美化表格的邊框。 　　有關表格邊框的css文法 　　具體內容包括：上邊框寬度、右邊框寬度、下邊框寬度、左邊框寬度、邊框寬度、邊框顏色、邊框樣式、上邊框、下邊框、左邊框、右邊框、邊框、寬度、高度、有關標籤等。 　　 1.上邊框寬度 　　文法: border-top-width:

很多人已經開始逐漸的習慣於全面使用css排版，盡量做到展現與內容的分離。但在此習慣的過程中一定會遇到各種棘手的問題。我的一個經驗就是：多查css手冊，多嘗試，多琢磨專家們的網頁，可以將一些頁面另存一下，慢慢分析。好，說正題。經常有這樣一種情況：我想在同一個頁面的不同位置對超連結的風格進行定義，比如，在頁面的導航部分，我不希望有底線，而在其他地方則需要底線。實現的方式總的來說有兩種：1。對在不同的地方的超連結直接使用css內嵌指定，如：。這種方式很明顯，最為強大和靈活。可以做到頁面上的任意一個超連

一，用CSS使DIV層水平置中對需要水平置中的DIV層添加以下屬性:    margin-left: auto;   margin-right: auto; 這樣在FF中已經置中了,可是在IE中看還是沒有置中!問題並不在CSS而在XHTML網頁本身.需要加上這樣的代碼才能使得上述設定有效果: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

如何用DIV+CSS來構建內嵌頁面跟隨按鈕變化效果說明圖:CSS代碼:.PartL { BACKGROUND: url() #ffd77b repeat-y; OVERFLOW: hidden;}.TabADS { OVERFLOW: hidden; WIDTH: 800px;}.TabADS UL { CLEAR: both; OVERFLOW: hidden; WIDTH: 800px; HEIGHT: 24px;}.TabADS LI { PADDING-RIGHT: 0px;

1.標籤內的CSS。2.網頁內的CSS。3.link引用的CSS。4.import引用的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"><head><met

捲軸1．overflow內容溢出時的設定（設定被設定對象是否顯示捲軸）overflow-x水平方向內容溢出時的設定overflow-y垂直方向內容溢出時的設定以上三個屬性設定的值為visible(預設值)、scroll、hidden、auto。2．scrollbar-3d-light-color立體捲軸亮邊的顏色（設定捲軸的顏色）scrollbar-arrow-color上下按鈕上三角箭頭的顏色scrollbar-base-color捲軸的基本顏色scrollbar-dark-shadow-co

有很多提供動態建立 style 節點的方法，但是大多數都僅限於外部的 css 檔案。如何能使用程式產生的字串動態建立 style 節點，我搞了2個小時。靜態外部 css 檔案文法：@import url(style.css);動態外部 css 檔案載入的方法有如下：第一種：var style = document.createElement('link');style.href = 'style.css';style.rel = 'stylesheet';style.type =

你也許已經掌握了id、class、後台選取器這些基本的css選取器。但這遠遠不是css的全部。下面向大家系統的解析css中30個最常用的選取器，包括我們最頭痛的瀏覽器安全色性問題。掌握了它們，才能真正領略css的巨大靈活性。1.* {margin: 0; padding: 0;}星狀選擇符會在頁面上的每一個元素上起作用。web設計者經常用它將頁面中所有元素的margin和padding設定為0。*選擇符也可以在子選取器中使用。複製代碼運行代碼編輯代碼#container * { border:

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

轉載（http://blog.sina.com.cn/s/blog_4bcf4a5e010007h8.html） 本文作為屬性篇的最後一篇文章, 將講述HTML和CSS的關鍵—盒子模型(Box model). 理解Box model的關鍵便是margin和padding屬性, 而正確理解這兩個屬性也是學慣用css布局的關鍵. 注: 為什麼不翻譯margin和padding? 原因一, 在漢語中並沒有與之相對應的詞語; 原因二: 即使有這樣的詞語, 由於在編寫css代碼時,

body.menuContainer {background: white; border: 0px solid black; margin: 0;}table.menu {position: absolute; visibility: hidden;   background: rgb(227,227,249);  font-family: verdana; font-size: 11px; border: 1px solid  rgb(81,81,81);} table.menu

由於BAIDU不支援原始碼，效果請看我的另一個BLOG：http://www.blog.edu.cn/user4/dpxdqx/archives/2007/1867755.shtml 下面是源碼：<STYLE type=text/css media=screen> <!-- *{font-size:12px;} UL{list-style-type:none; margin:0px;} /* 標準盒模型 */ .ttl{height:18px;}

/*html5doctor.com Reset Stylesheetv1.4.12010-03-01Author: Richard Clark - http://richclarkdesign.com*/html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q,