CSS

用作圖工具作一個漸層的長度.看起來能好看一點(寬:187px;高15px) 本來設想是當12%時,圖片從左到12%的位置顯示,餘下的88%不顯示,但不佔地(看起來和1px的圖片底沒什麼區別).下午時去網羅了一班.發現不佔地是不太可能的. 要隱藏圖片餘下的百分比,先想到了評分.亮和暗用了一張圖片,各占圖片總高度的一半.我寫下了: 依次從10%-100%，見不到效果,換這個是可以不過在盒子內必須要有內容. 昨天晚上沒寫出來.下午google了也沒有找到類4漸層的.不過從其中一個樣本中得到了靈感.

網頁採用了 UTF-8 編碼格式，這本來沒有問題，問題是外部 CSS 檔案預設是 ANSI 編碼，並沒有儲存為 UTF-8 格式。可能你會發現在一般情況下這樣也是沒有問題的，然而當 CSS 檔案中包含有中文注釋時就可能不盡如人意了！估計是 IE6 版本以下的瀏覽器在解析這個 CSS 檔案時因為編碼問題而無法正確解析，所以才會發生 CSS 在 IE6 下不起作用的情況。看來微軟已注意到這個問題，在 IE7 中把它修複了。但是用IE6 的人還是不少。因此這個問題需要解決： 　　 方法一：把 CSS、

Howdy, 大家好，又是我~ 上一次我們簡單的談了一下font set和一些要注意的基本問題。今天我們繼續字型這一話題，深入講講上次提到的“通用字型族”。首先是最常用的 serif 和 sans-serif 這兩個通用字型族。 - serifSerif 在印刷學上指襯線字型。為了理解襯線字型的概念，大家先看幾個典型的襯線字型的例子：My Georgia字型 King Times New Roman 字型 漢字 宋體 單詞 My 中的字母 “M”上下方突出的虛線就是所謂的襯線。同樣，y的上方，

XHTML 標準的目標是取代 html。按照 W3C 的說法，“XHTML 是 html 的繼承者”(http://www.w3.org/MarkUp/)。XHTML具有兩大目標：在文檔結構和表示形式之間建立更明顯的分離。將 html 重新表示為 XML 的應用程式。使用XHTML標準的好處是：只需設計頁面一次，即可讓該頁以完全相同的方式在任何現代的瀏覽器中顯示和工作。例如，在按照標準產生以後，頁面在Internet Explorer、Mozilla Firefox、Netscape

ContentTypes : "ez","application/andrew-inset" ContentTypes : "hqx","application/mac-binhex40" ContentTypes : "cpt","application/mac-compactpro" ContentTypes : "doc","application/msword" ContentTypes : "bin","application/octet-stream" ContentTypes :

更加壞的事情是，即使你僅僅針對IE設計，不考慮其它瀏覽器，由於IE模型絕對可以說是一隻讓人難以捉摸其脾氣的怪物，所以你單純為IE設計也會遇到眾多難題，發現很多的效果總是繞來繞去都難以實現。我們都知道，XHTML+CSS的目標就是實現內容與表現分離，理論上對於任何特定一份內容，我們都可以通過CSS實現任何我們想要的表現形式，或者細緻地說是布局形式。雖然現實與這個目標有一定差距，但是CSS已經能夠滿足大多數常見的布局需求，這有CSS Zen

所以，結構優良的代碼能很大程度上最佳化它的可維護性。下面列出四則技巧提高CSS檔案可維護性的方法，以此作為指南，以一種較好的CSS樣式組織習慣來進行WEB前端開發。 一、CSS樣式檔案分解 對於小項目，在寫代碼之前，按頁面結構或頁面內容將代碼分為幾塊並給予注釋。例如，可以分別將 全域樣式、布局、字型樣式、表單、評論和其他分為幾個不同的塊來繼續工作。 而對於較大的工程，這樣顯然不會有什麼效果。此時，就需要將樣式分解到幾個不同的樣式表檔案。下面的master stylesheet

在CSS Expression中使用JavaScript運算式。CSS屬性根據JavaScript運算式的計算結果來設定。 CSS Expression在其它瀏覽器中不起作用，因此在跨瀏覽器的編碼中單獨針對IE設定時會比較有用。 從IE5開始支援CSS Expression。我們看下面的代碼： 複製代碼 代碼如下:background-color: expression( (new Date()).getHours()%2 ? "#F00" : "#00F" ); 上面的代碼是使用CSS

今天去一老外站看到了這他站上的十分平滑但卻沒有js，好奇，原來。。巧妙啊，分享下，相對而言比較節省資源。但效果好，使用方便，兼顧w3c。哈哈 複製代碼 代碼如下: ie-stuff.css 複製代碼 代碼如下:#footer { position: absolute; bottom: auto; clear: both; top:e­xpression(eval(document.compatMode && document.compatMode=='CSS1Compat') ?

先說下這套架構的優點：1.可以方便的把繁重的CSS編寫工作分配出去，而不會相互造成影響。2.結構清晰，利於維護和修改。3.每一張網頁都僅載入自己需要的CSS。總結下來就是：提高開發效率，提高維護效率，提高網頁載入效率。下面我解釋一下上面這張CSS結構圖：圖中間的5個黑色的圖示表示網頁，其中上面單獨的一張是主版頁面，下面四張是子頁。使用VS的人都知道主版頁面的作用，相當於asp中的include，把共通的部分作成母片，單獨的部分作成子頁，提高開發效率。圖上方綠色框內的是全域CSS部分，它們存放在s

不帶邊框的iframe因為能和網頁無縫的結合從而不重新整理頁面的情況下更新頁面的部分資料成為可能，可是 iframe的大小卻不像層那樣可以“伸縮自如”，所以帶來了使用上的麻煩，給iframe設定高度的時候多了也不好，少了更是不行，現在，讓我來告訴大 家一種iframe動態調整高度的方法，主要是以下JS函數： 第一種方法：代碼簡單，相容性還可以，大家可以先測試下。複製代碼 代碼如下: function SetWinHeight(obj) { var win=obj; if

Positoin屬性有四個值： static、fixed、absolute和relative，後面兩個在布局中的定位裡是經常用到的，顧名思義，absolute是指絕對位置，即將對象從文檔流中拖出，使用left，right，top，bottom等屬性進行絕對位置，而其層疊通過z-index屬性定義。此時對象不具有邊距，但仍有補白和邊框。ralative是指相對定位，就是依據left，right，top，bottom等屬性在正常文檔流中位移位置。

為什麼要翻譯這篇說明？css2本有人已翻譯過，但看一下，很粗糙（不是說自己就怎麼怎麼樣啊，翻譯者真的是很值得敬佩的！），近來跟css與xhtml接觸得越來越多，但接觸得越多，迷惑卻總不見少。 現在我覺得很多問題根本不能稱之為問題，原因就在於我們的草率理解，比如殺雞用牛刀，不是不可以，是不合理、不恰當，根源錯了，表象也就會錯了，如果解決問題從表象入手，難免總會摸不著頭腦，還是那句話，要腳踏實地，切莫浮躁。 在這個說明中，“collapsing

前不久為了尋找表格（table）所包含的主要標籤，一直在尋找著，找到當然就是跟大家一起來分享一下。 表格標籤主要包含的標籤有table、caption、th、tr、td、thead、tfoot、tbody、col、colgroup，針對每個的介紹如下： table標籤可定義表格。在 標籤內部，你可以放置表格的標題、表格行、表格列、表格單元以及其他的表格。 caption 元素可定義一個表格標題。caption 標籤必須緊隨 table

標籤：style   blog   class   c   code   ext   XP下使用chrome（也包括FF、opera、IE等支援css定義樣式的瀏覽器），為美觀希望將頁面字型強制顯示為微軟雅黑，但是在某些網站，會有部分字元無法顯示，比如：www.taobao.com，https://www.zybulu

這個效果非常獨特，以前我所見過的這種特效實現過程非常複雜，但這裡的原始碼卻非常簡單，推薦收藏。<html xmlns:v><head><style>v\:*{behavior: url(#default#VML);}</style></head><body><v:roundRect style="position:absolute;left:20px;top:50px;width:200px;height:140px;

CSS布局常用的方法：float:none|left|right取值：none:　預設值。對象不飄浮left:　文字資料流向對象的右邊right:　文字資料流向對象的左邊 它是怎樣工作的，看個一行兩列的例子xhtml:<div id="wrap"><div id="column1">這裡是第一列</div><div id="column2">這裡是第二列</div><div

Site of the YearWinner: UX Magazine 2nd.- Veerle's Blog 2.03rd.- VitaminAssociationsWinner: Principles of Freedom2nd.- White Pine Montessori3rd.- Dalit Freedom NetworkBloggingWinner: Simple Bits2nd.- Veerle's Blog 2.03rd.- This is

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

前幾天，互連網上曝出了一些駭客採用新的CSS方法攻擊eBay網站，引起了很多人對eBay拍賣安全的擔憂。據稱，駭客利用跨站指令碼與XBL語言的原理，讓eBay的網頁上包含指定的指令碼、CSS樣式表以及虛假的商品資訊，而點擊這些商品資訊的話會直接連結到騙子的網站。一些駭客採用新的CSS方法攻擊eBay網站同時，這種攻擊還可以讓駭客更改掉eBay網站的產品Item