1. 首行縮排你知道的，從小學，老師就教我們，段落的開頭應該空兩格。而你使用word的時候，也有首行縮排這個功能，但在html中你的空格鍵好像起不了作用了。當然，你可以用 來代替一個空格，但這不是理想的方式，用CSS吧，簡單，有效：<p style="text-indent:2em;">你的內容</p>這樣的話，這個有style="text-indent:2em;"段落就會顯示兩個字元的縮排了。縮排更多? 修改2em,
對於文字框,唯讀狀態下和普通狀態下,瀏覽器對其並沒有做什麼特殊的標記,表面看來,效果是一樣的,這樣,對使用者來說,易用性並不是很高. 當然,我們可以改變唯讀文字框的背景顏色來加以區分,這個時候就需要程式員自己判斷這個文字框是不是唯讀,然後再引入相應的css,無疑加大了工作量. 這裡,使用expression來提供一種解決方案,只需要每個頁面引入這個css即可,其它的都由程式自己判斷,如下:<style>input{background-color:expression((
在瞭解XHTML代碼規範後，我們就要進行CSS布局。首先先介紹一些CSS的入門知識。如果你已經很熟悉了，可以跳過這一節，直接進入下一節。CSS是Cascading Style Sheets(層疊樣式表)的縮寫。是一種對web文檔添加樣式的簡單機制，屬於表現層的布局語言。1.基本文法規範分析一個典型CSS的語句：p
如何使DIV置中主要的樣式定義如下：body {TEXT-ALIGN: center;}#center { MARGIN-RIGHT: auto; MARGIN-LEFT: auto; }說明：首先在父級元素定義TEXT-ALIGN: center;這個的意思就是在父級元素內的內容置中；對於IE這樣設定就已經可以了。但在mozilla中不能置中。解決辦法就是在子項目定義時候設定時再加上“MARGIN-RIGHT: auto;MARGIN-LEFT: auto;
CSS布局與傳統表格(table)布局最大的區別在於：原來的定位都是採用表格，通過表格的間距或者用無色透明的GIF圖片來控制文布局版塊的間距；而現在則採用層(div)來定位，通過層的margin,padding,border等屬性來控製版塊的間距。1.定義DIV分析一個典型的定義div例子：#sample{ MARGIN: 10px 10px 10px 10px;PADDING:20px 10px 10px 20px;BORDER-RIGHT: #CCC 2px
阿一web標準學堂《阿一web標準學堂》是一套面向web標準初學者的視頻系列。雖然我也只是一個web標準剛入門的學習者，但是我還是希望能通過這個學堂將自己學習到的東西與大家分享，這樣不僅可以讓更多的朋友走上web標準設計的道路，更重要的是可以得到很多前輩們的指點和教導，從而更快的取得進步。所以，各位朋友如果在學堂上發現錯誤之處，歡迎你到【部落格園web標準設計小組】交流討論，從而協助更多的人取得更快的進步。因為工作原因，我不能保證其更新頻率。但是，我會盡我所能，每1-2周發布一課的更新頻率。給你
阿一web標準學堂《阿一web標準學堂》是一套面向web標準初學者的視頻系列。雖然我也只是一個web標準剛入門的學習者，但是我還是希望能通過這個學堂將自己學習到的東西與大家分享，這樣不僅可以讓更多的朋友走上web標準設計的道路，更重要的是可以得到很多前輩們的指點和教導，從而更快的取得進步。所以，各位朋友如果在學堂上發現錯誤之處，歡迎你到【部落格園web標準設計小組】交流討論，從而協助更多的人取得更快的進步。因為工作原因，我不能保證其更新頻率。但是，我會盡我所能，每1-2周發布一課的更新頻率。給你
文章目錄 阿一web標準學堂第5課下載資源類別列表 《阿一web標準學堂》是一套面向web標準初學者的視頻系列。雖然我也只是一個web標準剛入門的學習者，但是我還是希望能通過這個學堂將自己學習到的東西與大家分享，這樣不僅可以讓更多的朋友走上web標準設計的道路，更重要的是可以得到很多前輩們的指點和教導，從而更快的取得進步。所以，各位朋友如果在學堂上發現錯誤之處，歡迎你到【部落格園web標準設計小組】交流討論，從而協助更多的人取得更快的進步。
如今做網頁為了使網站豐富多彩，富於表現力，往往需要應用大量的圖片/表徵圖。如何處理這些圖片，使其盡量不影響網頁載入，解析等速度，是一個不大不小的問題。如果你的網站用各種表徵圖圖案裝飾的靚麗無比，但是需要等待較長的時間載入，那麼相信很多使用者會等不及而離開。盡量將圖片做的小些，可能是大部分人選擇的解決之道。但是100張1kb的圖片載入與一張100kb的圖片載入，這之間又是不同的，這涉及到網站伺服器的同時串連數，網路品質等。但是，顯然，載入一張圖片要遠比載入多張圖片簡便的多。
段落前面空兩個字的距離，不要再使用空格了。應該使用首行縮排text-indent。 text-indent可以使得容器內首行縮排一定單位。比如中文段落一般每段前空兩個漢字。 在這裡我們需要瞭解一種長度單位em。em是相對長度單位。相對於當前對象內文本的字型尺寸。 我們中文段落一般每段前空兩個漢字。實際上，就是首行縮排了2em。 看下面的例子： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
這段時間有幾次接觸到了css sprites的概念，一個就是在用css做滑動門的時候，另外一個就是在用YSlow分析網站效能的時候，於是對css sprites這個概念產生了濃厚的興趣。在網上尋找了很多的資料，但可惜的是大部分都是隻言片語，其中很多都是直接翻譯國外的資料，也有直接推薦國外的資料網站，無奈英語沒有過關，基本上沒有理解到什麼css
我們在研究其他的網站的樣式的時候經常會發現一種情況，就是在很多background屬性裡都調用同一張圖片，來滿足網頁各個部分的使用。開啟這種圖片看一下，會發現這張圖片上包含了很多小圖片，比如：又如：這些小圖片就是整圖分割後的各個部分，把各個部分放在一張圖片上，而不是是分別儲存成單獨的圖片，其目的我們都知道，就是減少http請求次數，節省時間和頻寬。那麼怎麼來實現一張圖片在不同的地方只顯示其中的一部分呢，這就用到了我們今天要說的背景圖片的定位問題。這個問題相信很多人都鬱悶過，也經常有朋友問我，所以
1. 關鍵字, 例如: background-position: top right;優點: 直觀, 可用性高, 各瀏覽器中表現一致.缺點: 缺少間隔尺寸. 三個垂直的 (top, center, bottom) 和三個水平的 (left, center, right) 只能為你組合出最多 9 個位置. 不存在其他混式的組合. 並且很難像其他兩種數值定位方法一樣使用算數進行控制.2. 像素, 例如: background-position: 0px 0px;優點: 概念容易被理解,
Code highlighting produced by Actipro CodeHighlighter
接下來開始要真正設計布局了。和傳統的方法一樣，你首先要在腦海裡有大致的輪廓構想，然後用photoshop把它畫出來。你可能看到有關web標準的網站大都很樸素，因為web標準更關注結構和內容，實際上它與網頁的美觀沒有根本衝突，你想怎麼設計就怎麼設計，用傳統表格方法實現的布局，用DIV也可以實現。技術有一個成熟的過程，把DIV看成和TABLE一樣的工具，如何運用就看你的想象力了。註：在實際應用過程中，DIV在有些地方的確不如表格方便，比如背景色的定義。但任何事情都有得有失，取捨在於你的價值判斷。好，
一，TopStyle Pro 3.11TopStyle Pro 3.11 簡體中文版 是一款功能專註於CSS設計的協助工具輔助，功能相當多，附有CSS碼檢查功能，減少寫錯的機會。尤其是它的HELP檔案中詳細的CSS指令介紹，很適於用作參考檔案與初次接觸CSS的人做為學習使用。如果你想進一步認識網頁設計，做出更有風格有別於一般網站的網頁，勿必要趁早接觸CSS喔！一， Web開發利器??IEDevToolBar微軟的
首先解釋一下標題的定語：執行個體講解的：文章中會出現可以運行並可立即看到結果的執行個體代碼。 符合中國特色的：中國網民使用最多的瀏覽器是IE和FireFox。所以這些CssHack主要是為瞭解決這2種瀏覽器的相容問題。中國電腦使用者的作業系統主要是Windows，所以這些CssHack主要針對Windows作業系統瀏覽器，並不包含Mac等。
感覺很有圖片的感覺，所以放在這裡： pre {font-family:微軟雅黑;width:420px;border:3px solid red;/*for IE*/filter : progid:DXImageTransform.Microsoft.Matrix(SizingMethod="auto expand",M11=1,M12=-0.4,M21=0.4,M22=1);/*for firefox*/-moz-transform:translate(100px)
以前寫的，放在這裡：.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;-moz-binding:url('ellipsis.xml#ellipsis');display:block;} ellipsis.xml代碼<bindings xmlns="http://www.mozilla.org/xbl" xmlns:xbl="http://www.mozi
突然看到人家寫的css 格式怪怪的，看不明白，查了下，原來有好多種選取器，轉了過來。原文地址筆記分為兩個部分，今天是CSS的選取器，以後還有一部分xPath的選取器。今天的筆記中包括44個選取器，基本涵蓋了CSS 2和CSS 3的所有規定。=====================CSS選取器筆記阮一峰
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
