CSS

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

css|xml|教程|入門教程|顯示 通過使用CSS，您可以為某個XML文檔添加顯示資訊。使用CSS顯示您的XML？使用CSS來格式化XML文檔是有可能的。下面的例子就是關於如何使用CSS樣式表來格式化某個XML文檔：這是XML檔案：CD 目錄<?xml version="1.0" encoding="ISO-8859-1" ?> - <!--  Edited with XML Spy v2007

css|xml|顯示

個人總結了在開發css架構中的一點經驗，獻醜了。希望大家的討論能使我們共同進步。:)1、css架構中國的互連網行業已經發展了10年，瀏覽器也從最早流行的NS到現在的FF3.IE7等等……前端開發工程師的職位也誕生了。近幾年在web開發中，有個非常火的詞——“架構”。YUI、JQuery、Prototype這些javascript架構在開發網站時，確實成為前端開發工程師的手中利器。為什麼呢？因為架構是包含工具、函數庫、約定，以及嘗試從常用任務中抽象出可以複用的通用模組，讓設計師與程式員避免重複開發

一天大家在團隊中討論“未知圖片垂直置中”的問題，突發奇想用vertical-align:middle這個屬性來實現，於是抽了時間做了下面這個不成熟的例子：CSS:div{ width:140px; height:140px; text-indent:-8px; text-align:center; line-height:138px; background:red; font-size:12px; *font-size:120px;

1、css代碼的簡寫css縮寫的文法，對新手有一定協助,老鳥就不用看了.1.1： 0px不需要單位，直接:margin:01.2：盒模型的縮寫，文法是margin:上 右 下 左;.甚至可以簡寫成margin:上 (右左) 下,當然右左的值應該是一樣的1.3：css屬性的最後一項”;”號省略。（不建議 ^_^）1.4：字型寬度normal用400代替,bold用700代替。1.5：16進位的色彩值，如果每兩位的值相同，可以縮寫一半，例如：#000000可以縮寫為#000;

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

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

試想過總結出這幾年來寫css與xhtml的經驗 ，匯總成一片”曠世奇文”分享給大家。無奈寡人年世已高，真是有點力不從心了。於是轉念一想，可以用筆記的形式展現，這樣就不用擔心寫不出來了。現在就來說個淘寶首頁上的一個小技巧。1、類目之間的橫豎線從很久很久以前開始，類目間的豎線無非都只有三種。1、背景圖在a標籤設定一個padding 用寬1px高不等的背景圖來position到右側。缺點：最後一個還是要用class來隱藏掉背景。2、符號在每個a標籤之間用”̶

http://ued.taobao.com/blog/wp-content/uploads/2008/01/input.html 在工作之餘抽了點時間寫了一下這個，在ie6-ie7-ff下顯示位置基本都一致了。（發現demo頁面用柵格線做背景，調試還真的容易得多

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

利用 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

css|web|web標準 　　受好友dodo和同事常可的影響，開始關注Web標準。周六日按照標準改造了dearbook的幾個頁面，總結一些經驗如下，供以後參考:DIV+CSS結構的好處是能夠做完一塊展示一塊，可以邊看效果邊做，這不僅比Table方式節省代碼，而且控制能力更強. dodo提到目前還沒有支援Web標準的可視化編輯器。不過Visual

ajax|css Ajax Hacks-Hack 10. 使用CSS檔案產生格式化的資訊 讓使用者選擇他們喜愛的訊息格式。hack向伺服器發送一個請求，伺服器返回一個文本資訊。而使用者的選擇將決定資訊的內容和表現形式。HTML代碼有一個下拉選擇，讓使用者選擇結果的表示形式。下面是HTML代碼：“http://www.w3.org/TR/1999/REC-html401–19991224/strict.dtd”>function

css|網頁 　　你正在學習CSS布局嗎？是不是還不能完全掌握純CSS布局？通常有兩種情況阻礙你的學習：　　第一種可能是你還沒有理解CSS處理頁面的原理。在你考慮你的頁面整體表現效果前，你應當先考慮內容的語義和結構，然後再針對語義、結構添加CSS。這篇文章將告訴你應該怎樣把HTML結構化。　　另一種原因是你對那些非常熟悉的表現層屬性(例如：cellpadding,、hspace、align="left"等等)束手無策，不知道該轉換成對