CSS

標籤：通配選擇符* { sRules }  類型選擇符E { sRules }  td { font-size:14px; width:120px; }   屬性選擇符 E [ attr ] { sRules } E [ attr = value ] { sRules } E [ attr ~= value ] { sRules } E

標籤：springmvc   mvc   resources   靜態資源   springMVC的<mvc:resources mapping="***"

<form> <input name="name"> <input type="submit" value="提交"></form>以這種方式提交，input 值為22222222時，後面遞交的url 就會變為localhost:3980/input.html?name=222222其中有些值得注意的細節：

CSS濾鏡來修飾文字，實現各種漂亮的文字特效，CSS

一、Web標準學習書籍推薦1、《網站重構--應用WEB標準進行設計》screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this.resized) {return true;}

DIV+CSS編輯器 線上DIV+CSS編輯器 類/標籤/ID： 所有數值都不用輸入單位; 寬： 高： 背景色： 前景色彩： 邊框： 顏色： 選擇soliddottednonehiddendasheddoublegrooveridgeinsetoutset 外間距 Margin ： 如:10px 2px 內間距 Padding： 如:10px 2px 浮動： 左 右 × 顯示： 選擇 block inline none 可見：

為了防止爬蟲軟體搜尋到你的Email地址，可以將Email倒著寫，然後使用樣式將其再正過來，代碼如下： 效果如下：我的郵箱 moc.liamg@100yxuod 我的郵箱 moc.liamg@100yxuod [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

scrollHeight: 擷取對象的滾動高度。 scrollLeft:設定或擷取位於對象左邊界和視窗中目前可見內容的最左端之間的距離 scrollTop:設定或擷取位於對象最頂端和視窗中可見內容的最頂端之間的距離 scrollWidth:擷取對象的滾動寬度 offsetHeight:擷取對象相對於版面或由父座標 offsetParent 屬性指定的父座標的高度 offsetLeft:擷取對象相對於版面或由 offsetParent 屬性指定的父座標的計算左側位置

★HTTP-EQUIV 　　HTTP-EQUIV類似於HTTP的頭部協議，它回應給瀏覽器一些有用的資訊，以協助正確和精確地顯示網頁內容。常用的HTTP-EQUIV類型有： 　　1、Content-Type和Content-Language (顯示字元集的設定) 　　說明：設定頁面使用的字元集，用以說明首頁製作所使用的文字已經語言，瀏覽器會根據此來調用相應的字元集顯示page內容。 　　用法： 　　　　　　

1. Block和inline元素對比 所有的HTML元素都屬於block和inline之一。 block元素的特點是： 總是在新行上開始； 高度，行高以及頂和底邊距都可控制； 寬度預設是它的容器的100%，除非設定一個寬度 , , , , 和 是塊元素的例子。 相反地，inline元素的特點是： 和其他元素都在一行上； 高，行高及頂和底邊距不可改變； 寬度就是它的文字或圖片的寬度，不可改變。 , , , , , 和是inline元素的例子。 用display: inline

強制不換行 div{ white-space:nowrap; } 自動換行 div{ word-wrap: break-word; word-break: normal; } 強制英文單詞斷行 div{ word-break:break-all; } CSS設定不轉行： overflow:hidden 隱藏 white-space：normal 預設 pre 換行和其他空白字元都將受到保護 nowrap 強制在同一行內顯示所有文本，直到文本結束或者遭遇 br 對象 設定強行換行：

寫這個效果，可以熟悉以下： 1、相對定位中的絕對位置； 2、CSS 針對瀏覽器 HACK； 3、瞭解幾種邊框，以及可以實現的變化；以及加了邊框後，寬度和高度的計算方法； 4、感受浮動，浮動的東西只有多作一些，才會感受更深一些； 5、還可以熟悉一下小學的加減法；呵…… 很早以前我都是拿計算機在寫CSS。 首先，我先用FW畫一個小燈籠，在畫的過程中，我儘可能不出現圓角，並畫成等寬，等高、置中；因為這些屬性在CSS中都有！文字12號加粗！ 於是，開始想布局！這個布局太麻煩，我不得不用更多的標籤來完成，

現在國內絕大多數的網站都用CSS把字型大小設定為12px，像素雖然也是相對尺寸單位，但只是相對於螢幕的解析度 ，當螢幕的解析度一定時，如果你感到字太小，閱讀有困難，在非標準瀏覽器中就無能為力了，所以說，如果把單位改成em，那麼就可以用CTRL+滑鼠滾動把字放大，或者用菜單上的查看>文字大小來改變字的大小。 如何設定

write by 阿會楠 環境：IE7+IE6 時間 2008-7-30 2008-7-30 2008-7-30 2008-7-30 2008-7-30 2008-7-30 2008-7-30 2008-7-30 2008-7-30 2008-7-30 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

1、十六進位的顏色值對位元與大小寫 編寫十六進位顏色值時你可能會用小寫字母或省略成3位元，關於這寫法沒找到確實的資料證明對瀏覽器的渲染效率是否有影響，但十六進位的顏色值預設標準是大寫及6位元標註。在未知情況下不希望冒險而降低了渲染的效率。 * 不贊成 - color:#f3a; * 建議用 - color:#FF33AA; 2、display與visibility的差異

古老的話題：一首古詩的分離 　　1.給你一首古詩，儲存為毫無格式的一堆文字，你去理解它的內容，進行結構的處理。用word排版之後，他有了結構 　　2.這個結構其實包含了語義和表現 　　3.用html進行結構化，拋開一切的表現形式，只考慮語義 　　4.用CSS進行表現處理，包括html的預設表現，他擁有了視覺表現，這個表現體現出了結構化，也體現出了使用者體驗，使用者體驗中包含了互動的排版和視覺體驗 　　5.如果加上行為，比如點擊注釋序號，緩緩跳轉到注釋內容。 　　再看看css禪意花園

CSS2.0 HandBook上的解釋： 設定此屬性值為 absolute 會將對象拖離出正常的文檔流絕對位置而不考慮它周圍內容的布局。假如其他具有不同 z-index 屬性的對象已經佔據了給定的位置，他們之間不會相互影響，而會在同一位置層疊。此時對象不具有外補丁( margin )，但仍有內補丁( padding )和邊框( border )。 要啟用物件的絕對(absolute)定位，必須指定 left ， right ， top ， bottom 屬性中的至少一個，並且設定此屬性值為

對於div,p等區塊層級元素 正常文字的換行(亞洲文字和非亞洲文字)元素擁有預設的white-space:normal,當定義的寬度之後自動換行 html 正常文字的換行(亞洲文字和非亞洲文字)元素擁有預設的white-space:normal,當定義 css #wrap{white-space:normal; width:200px; } 1.（IE瀏覽器）連續的英文字元和阿拉伯數字,使用word-wrap : break-word

序號 中文說明 標記文法 備忘 1 背景顏色 {background-color:數值} 2 背景圖片 {background-image: url(URL)|none} 3 背景重複 {background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y} 4 背景固定 {background-attachment:fixed|scroll} 5 背景定位

但是實際上，瀏覽器遠遠不止這幾個,Firefox分為Firefox 1.5,Firefox 2,Firefox 3幾個主要版本，IE7,IE6中也各有好幾個系列,另外除開這兩個主流廠商的產品之外，還有Opera,Konqueror,Netscape,chrome等一系列。