CSS

文章簡介：CSS使用相對與絕對製作常用新聞框，JQuery附加標題前標點。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html

文章簡介：表單button的行高問題。 HTML Code <input type="submit" id="button" value="engage"/>CSS Code #button {     border: 2px solid #06f;     color:

在XHTML文檔中合適的使用CSS和JavaScriptXHTML? 1.0 The Extensible HyperText Markup Language (Second Edition) 定義XHTML是為了把HTML 4擴充成像XML 1.0一樣的應用程式。在許多網站中XHTML正在迅速的替代HTML 4；然而，主流瀏覽器對完全支援XHTML方面表現得不足，和網頁設計師對HTML 4與XHTML的基本差異缺乏理解，產生了當今網路上的一個不斷擴大的問題。XHTML是XML,不是HTML

文章簡介：css心得之善用 position:relative。 可能是個人習慣吧，我個人在寫css 樣式的時候 position:relative 都很少用。不到逼不得已不用，因為這東西在面對IE大叔的時候總是會各種被推到，比如多個positon 嵌套的的時候 會產生 類似 z-index 優先順序的失控，不知道其他coder們碰到過這個問題沒？反正我是碰到不下1次了。舉個栗子如下：html 代碼 節略寫法，你懂的ul.pp li 大寶 span 大寶的屁屁

文章簡介：margin用法小結.

之前在懶懶分會上分享的一點關於border畫小圖的內容, 完整的ppt在這裡.原理css盒模型一個盒子包括: margin+border+padding+content – 上下左右邊框交界處出呈現平滑的斜線. 利用這個特點, 通過設定不同的上下左右邊框寬度或者顏色可以得到小三角, 小梯形等. – 調整寬度大小可以調節三角形形狀. 樣本1一般情況下, 我們設定盒子的寬高度, 及上下左右邊框, 會呈現如下圖#test1 { height:20px; width:

1、標題右側“更多”的實現曾經做上圖所示的效果,會使用到position來相對定位到h2標籤的右側.這樣的做法,代碼確實會多好幾行. 其實可以用個笨一點的辦法來實現的： 譬如html代碼如下：標題 更多…

1、圓角的做法.為了這個圓角,前段開發們付出的努力是在是太多了.又要考慮http串連數,又要考慮css與html的代碼量與語義.貼出的是最近考慮替換現有圓角做法的方案,可能還有許多未考慮的狀況.但是大體的編寫方式便是如下.好處是便於維護,只有一個圖片.還可以某種程度上的任意縮放.缺點是多了無意義的html代碼.—————-css—————–.c,.c i,.c i

css|xml 　　CSS（疊層樣式表）和XSL（可擴充樣式語言）都可以定義XML檔案的顯示，這兩種方式有哪些不同以及它們在使用中的具體方法，我們將在本文給予介紹。

　1、CSS 文法由三部分構成：選取器、屬性和值selector {property: value}選取器 (selector) 通常是你希望定義的 HTML 元素或標籤。屬性 (property) 是你希望改變的屬性，並且每個屬性都有一個值，屬性和值被冒號分開，並由花括弧包圍，這樣就組成了一個完整的樣式聲明。例：body {color: blue}2、值(value)的不同寫法和單位定義顏色除了用英文單詞 red，我們還可以使用十六進位的顏色值 #ff0000例：body {color:

頁頭：header

利用 CSS 來實現對象的垂直置中有許多不同的方法，比較難的是選擇那個正確的方法。我下面說明一下我看到的好的方法和怎麼來建立一個好的置中網站。使用 CSS 實現垂直置中並不容易。有些方法在一些瀏覽器中無效。下面我們看一下使對象垂直集中的5種不同方法，以及它們各自的優缺點。(可以看看測試頁面，有簡短解釋。)方法一這個方法把一些 div 的顯示方式設定為表格，因此我們可以使用表格的 vertical-align property 屬性。<div

1. 關鍵字, 例如: background-position: top right;優點: 直觀, 可用性高, 各瀏覽器中表現一致.缺點: 缺少間隔尺寸. 三個垂直的 (top, center, bottom) 和三個水平的 (left, center, right) 只能為你組合出最多 9 個位置. 不存在其他混式的組合. 並且很難像其他兩種數值定位方法一樣使用算數進行控制.2. 像素, 例如: background-position: 0px 0px;優點: 概念容易被理解,

在頁面上,我們經常會用到radio, 比如性別:男,女,保密.但我們不喜歡預設的radio樣式!我們會用其他的來替代.我最初的做法是, 用label顯示,設定radio為隱藏! (即display:none;)當我點擊label的時候,同時觸發radio的click事件.即: ($是jquery)$(".label1").click(function(){$(".radio1").click();     

css 　　1、簡介：為何使用表格排版是不明智的？　　表格之所以存在於 HTML 中，只是為了一個目的：顯示表格狀的資料。然而此後的 border="0" 使得設計師可以將圖片和文本放在這無形的網格中。迄今為止，表格仍然主導著視覺豐富的網站的設計方式，但它卻阻礙了一種更好的、更有親和力的、更靈活的，而且功能更強大的網站設計方法。　　2、概覽：這對我有什麼用處？　　我們將告訴你這樣一種工作方式，它會：　　使你的頁面載入得更快 　　降低你的流量費用 　

css|xhtml|標準|教程|設計 　　讓我們趕緊跟上新時代的步伐，一起來瞭解一下網站標準吧。 　　一．為什麼要建立網站標準

css

相信很多人都遇到過在設計中自訂捲軸樣式的情景，之前我都是努力說服設計師接受瀏覽器內建的捲軸樣式，但是這樣只能規避還是解決不了問題，最近在項目中遇到了，正好來總結一下。當然，相容所有瀏覽器的捲軸樣式目前是不存在的。IE下的捲軸樣式IE是最早提供捲軸的樣式支援，嗯，好多年了，但是其它瀏覽器一直沒有支援，IE獨孤求敗了。這些樣式規則很簡單：scrollbar-arrow-color: color; /*三角箭頭的顏色*/scrollbar-face-color: color;

文章簡介：HTML中css和js連結中的版本號碼. 背景在搜尋引擎中搜尋索引鍵.htaccess

文章簡介：css設定img隨div寬度變化自動變化的方法。 說明：因為螢幕解析度不同，想實現瀏覽器中的一個層隨瀏覽器寬度高度的變化而變化，使層始終占瀏覽器寬度的90%；高度的75%；層中的圖片隨這個層的變化而變化，相信很多人都在實際的項目中遇到過這個問題，下面是實現這種效果的解決方案：body { text-align:center;}html,body { height:100%;}.div1 { height:75%; width:90%; margin:0 auto;