CSS

DOMContentLoaded事件的觸發條件是：將會在“所有的DOM全部載入完畢並且JS載入執行後觸發”。但如果“js是通過動態載入進來的話，是不會影響到DOMContentLoaded的觸發時間”如下圖所示，藍色的線代表DOMContentLoaded開始觸發，但前提是JS已經載入完畢並執行了。（僅僅是DOM 並不是onload事件整個頁面全部載入完畢觸發，DOMContentLoaded比onload要早觸發 請區分開,onload為紅線

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

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

豎排在文文書處理辦公軟體中非常容易就可以實現。由於這種效果在網頁製作中並不多見，所以這個問題的討論比較少。但是在製作具有中國古代特色的網站，如文字曆史、書法、名勝古迹旅遊等等網站時，如果用上豎排的文字，配以古色古香的背景及樸實陳舊的色彩，在視覺上會獲得意想不到的效果。樣式表的文文書處理屬性中有兩個重要的屬性：writing-mode和text-align。1. writing-mode（設定對象書寫方向）文法：writing-mode :

文章簡介：html5–為語義和體驗而生。 開篇前的一些YY曾幾何時，一個人出設計稿，出完設計稿開啟DW用拖出一個頁面，再苦逼一點拖完頁面後自己還要寫後台，武林人稱：美工。更苦逼的是當每一次需求變更後，去修改一大堆發麻的，於是"div+css"被搬上了互連網時代的舞台，一夜間N多的《DIV+CSS》葵花寶典橫空出世，那時，我們活在了div+css的年代，那時，我們用上了

文章簡介：我們使用:before來在元素的前面插入內容，使用:after在元素的後面插入內容（相容瀏覽器：firefox、chrome、safari、opera、ie8+）。 在css中，我們可以使用:before虛擬元素選取器與:after虛擬元素選取器在頁面的前面和後面以content屬性的方式插入內容。從css2.0添加這兩個虛擬元素選取器到css2.1到現在的3.0，都不斷的在對這兩個選取器進行改良和擴充。首先，我們來看一下，在css2中，我們如何來插入內容（ie6

文章簡介：負margin是好東西. 上個月完成的項目，舉個讓我糾結N小時的模組，先上圖：預設狀態為灰色，不帶圓圈，完成狀態為紅色，當前進行中顯示為黃色，並且圓圈在兩個字中間，最後一個狀態“成功”如果為灰色，線條要小於文字，但其它部分要連貫。原型代碼如下，為了JS結構當然越簡單越好：<ul>< li class=“status_finished”>選擇</li>< li

文章簡介：利用CSS讓元素垂直置中是個很頭疼的問題，這裡就介紹兩種簡單實用的方法。

文章簡介：W3C CSS2.1的 4.1.3 節中提到：標識符（包括選取器中的元素名，類和ID）只能包含字元[a- zA-Z0-9]和ISO 10646字元編碼U+00A1及以上，再加連字號（-）和底線（_）；它們不能以 數字，或一個連字號後跟數字為開頭。它們還可以包含逸出字元加任何ISO 10646字元作為一個數 作業系統版本：Windows 7瀏覽器版本：IE6,IE7,IE8,Firefox 3.6.2,Safari 4.0.4,Chrome 5.0.356.2

<!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"&g

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

　最近在訪問一個網站的時候，我注意到，當其文字被選中時它有一個匹配他的網站的背景色，這個背景色通常是深藍色。現在，如果您的網站不使用任何藍色為文字背景，看上去會不會有點不合適？ 　　當尋找如何?這一點的解決辦法後，我感到驚喜，這竟然非常容易。只需添加以下的CSS到您的網頁： 　　::selection{background: #A8141B; color: white; /* Safari */} 　　::-moz-selection{background: #A8141B; color:

當讀到一個樣式表時，瀏覽器會根據它來格式化 HTML 文檔。插入樣式表的方法有三種：1、外部樣式表當樣式需要應用於很多頁面時，外部樣式表將是理想的選擇。在使用外部樣式表的情況下，你可以通過改變一個檔案來改變整個網站的外觀。每個頁面使用 標籤連結到樣式表。 標籤在（文檔的）頭部：css" href="mystyle.css"

如果在網站中有什麼可以為使用者留下第一印象的話，那麼一定非創意實用的網站導覽功能表莫屬吧，在崇尚操作實用，注重體驗的Web設計中，導覽功能表的作用舉足輕重。 如果在網站中有什麼可以為使用者留下第一印象的話，那麼一定非創意實用的網站導覽功能表莫屬吧，在崇尚操作實用，注重體驗的Web設計中，導覽功能表的作用舉足輕重。它可以引導使用者更好地瀏覽網站內容，讓使用者更快速地找到感興趣的內容。在這篇文章中，整理搜集了40多套優秀的CSS導覽功能表執行個體資源，

css|xml 做了一小段xml.與大家交流。三個檔案。(blue.xml blue.xsl blue.css )拷到本地同一目錄下。blue.xml：<?xml version='1.0' encoding='GB2312'?><?xml:stylesheet type='text/xsl' href='blue.xsl'?><Topic> 

css 原文作者：Sergio Villarreal 作者簡介：墨西哥網頁設計師，1993年接觸網路，個人首頁為Overcaffeinated.net 原文出處：sitepoint.com 原文發表時間：2004年5月27日

css|解決|問題 很多朋友在使用Deamweaver8的時候都會遇到這樣的情況：給當前編輯的文檔連結了CSS檔案，並對頁面元素應用了定義的CSS樣式，但在DW8中卻看不到任何效果。如下圖。 主要原因就是DW8新多出了一個“樣式呈現工具列”，該工具列允許你輕易的為不同的媒體類型，例如螢幕、手持功能和列印輸出進行設計。其他的支援媒體類型有投影裝置, TTY(Television Type

css|xhtml|標準|初學|網頁 　　層疊樣式表 level 2推薦標準 [CSS2] 定義style的屬性，用於分析HTML和XML文檔的樹形結構。分析時的不通將導致不同的視覺或聽覺效果，這依賴於使用的選取器。下面的技術可以減少對文檔的這種影響，而用不修改這兩中媒體類型:　　XHTML的CSS樣式表應該用小寫元素和屬性名稱。 　　在table中，tbody

自動換行問題,正常字元的換行是比較合理的,而連續的數字和英文字元常常將容器撐大,挺讓人頭疼,下面介紹的是CSS如何?換行的方法對於div,p等區塊層級元素正常文字的換行(亞洲文字和非亞洲文字)元素擁有預設的white-space:normal,當定義的寬度之後自動換行html<div id="wrap">正常文字的換行(亞洲文字和非亞洲文字)元素擁有預設的white-space:normal,當定義</div>css#wrap{white-space:

自動換行 word-break:break-all和word-wrap:break-wordword-break:break-all和word-wrap:break-word都是能使其容器如DIV的內容自動換行。它們的區別就在於：1，word-break:break-all