Time of Update: 2016-05-16
IE5及其以後版本支援在CSS中使用expression,用來把CSS屬性和Javas cript運算式關聯起來,這裡的CSS屬性可以是元素固有的屬性,也可以是自訂屬性。就是說CSS屬性後面可以是一段Javas cript運算式,CSS屬性的值等於Javas cript運算式計算的結果。 在運算式中可以直接引用元素自身的屬性和方法,也可以使用其他瀏覽器對象。這個運算式就好像是在這個元素的一個成員函數中一樣。
Time of Update: 2016-05-16
作者:阿宏 2006-2-10 9:38:04 原文:http://www.w3.org/Consortium/technology 原作者:w3c 翻譯:阿宏 圖例說明W3C技術架構圖描繪了一個兩層的模型:全球資訊網體繫結構(被標註為“One Web”)建立在互連網(Interner)體繫結構之上。圖中豐富的Web層顯示了W3C關心的領域和發展的技術。 Web體繫結構被描繪成一系列的層,每一層都建立在另一層之上。從底至頂依次為:URI/IRI, HTTP Web Architectural
Time of Update: 2016-05-16
作者:阿宏 2005-5-28 16:05:36原文:http://usabletype.com/articles/2004/how-and-when-to-use-sifr/ 原作者:Andrew Hume 翻譯:阿宏 在分析sIFR之前,先來快速的瞭解一下sIFR是什麼,以及它是如何工作的。sIFR表示scalable Inman Flash
Time of Update: 2016-05-16
1,盒解譯器的不同解釋.#box{ width:600px; //for ie6.0- w\idth:500px; //for ff+ie6.0}#box{ width:600px!important //for ff width:600px; //for ff+ie6.0 width /**/:500px; //for
Time of Update: 2016-05-16
作者:JunChen 2005-5-24 9:56:57原文:http://www.sovavsiti.cz/css/abbr.html 翻譯:JunChen著作權:譯者JunChen所有,轉載請聯絡譯者。 簡介是用來為web頁面上的簡稱(譯者註:這裡把簡稱和縮寫分開而論,簡稱範圍比縮寫大,取首字母的縮寫用標籤)添加適當標註的XHTML標籤,Windows的IE瀏覽器暫不支援標籤。
Time of Update: 2016-05-16
作者:JunChen 2005-5-23 12:00:35原文:http://www.456bereastreet.com/archive/200412/the_alt_and_title_attributes/ 翻譯:JunChen首發:http://blog.handsbrain.com/junchen/archive/2005/05/21/3355.aspx 著作權:本文著作權歸譯者Junchen所有,轉載請先聯絡譯者。
Time of Update: 2016-05-16
不少網站開始採用韓式風格來建站.一般人都會想到用Photoshop等軟體來完成這樣的效果,但如果網頁上這類圖片太多,或是較大時,會給訪問帶來一定的困難。這裡就給大家講一講如何用CSS來做這樣的風格,因為用CSS只是對顏色的定義,少了圖片的應用,所以基本不會影響速度。 這種風格的特點是色彩變化豐富、應用Flash動畫合理、結構新穎,最明顯的特點就是表格或標題列常會加上一條橫或豎的色帶,中圈起來的地方就是這樣: 首先,在Dreamweaver MX
Time of Update: 2016-05-16
IE5及其以後版本支援在CSS中使用expression,用來把CSS屬性和Javas?cript運算式關聯起 來,這裡的CSS屬性可以是元素固有的屬性,也可以是自訂屬性。 CSS屬性後面可以是一段Javas?cript運算式,CSS屬性的值等於 Javas?cript運算式計算的結果。?在運算式中可以直接引用元素自身的屬性和方法,也可以使用其他瀏覽器對象。這個運算式就好像是在這個元素的一 個成員函數中一樣。
Time of Update: 2016-05-16
作者:阿宏 2005-4-15 20:45:18原文:What is the Best Way to Mark up the Title of a Document? 說明:本文是 《Web Standards Solutions: The Markup and Style Handbook》一書中的一章。書號:ISBN:1590593812。我們會陸續翻譯此書中有價值的章節。 原作者:Dan Cederholm 翻譯:阿宏
Time of Update: 2016-05-16
除特別說明外,本站內容採用創作共用授權署名和非商業用途,請尊重勞動成果。原文標題:Vertical Centering in CSS副標題:Yuhu's Definitive Solution with Unknown Height翻譯:forestgan儘管有CSS的vertical-align特性,但是並不能有效解決未知高度的垂直置中問題(在一個DIV標籤裡有未知高度的文本或圖片的情況下)。標準瀏覽器如Mozilla, Opera,
Time of Update: 2016-05-16
與valign的對比vertical-align在小雨手冊上的解釋是:設定或檢索對象內容的垂直對其方式。我覺得不太理解的是vertical-align所在的分類是“屬性/文本”O3noBLOG特彆強調的是vertical-align和valign的不同,的確vertical-align應用最多的應該是在td內,控制內部對象位置,和td的valign屬性極其相似。valign共有四個參數:top, baseline, bottom,
Time of Update: 2016-05-16
除特別說明外,本站內容採用創作共用授權署名和非商業用途,請尊重勞動成果。CSS布局中,未知大小圖片的垂直置中,一直是比較頭疼的問題,標準瀏覽器只要設定容器的line-height和圖片的vertical-align:middle;就可以了,但對IE沒用,幾個月前在國外網站看到了一則對IE的解決方案,感覺不是很理想,也沒當回事。最近看到經常有朋友在問類似的問題,又把代碼翻了出來,針對IE改了下。CSS .box{ height:140px; width:200px; border:
Time of Update: 2016-05-16
先來看我一個簡單XHTML/HTML檔案代碼(部分),我們的目的是讓#container水平置中。 content Lorem?ipsum?dolor?sit?amet,?consectetuer?adipiscing?elit.Phasellus?varius?eleifend.使用自適應邊界(auto?margin)水平置中任意元素的首選辦法是使用邊界(margin)性質(property),並把左右之值設定為auto。但你必須為#container指定一個寬度。
Time of Update: 2016-05-16
CSS代碼:.list{ margin: 0px 10px 20px; text-align: left; }.list ul{ list-style-type: none; margin: 0px; padding: 0px;}.list li{ background: url(/news/images/line.gif) repeat-x bottom; /*列表底部的虛線*/ width: 100%; }.list li a{ color: #777777; display:
Time of Update: 2016-05-16
用過Word的人都知道Word 有一個“項目符號和編號”的功能,用起來很方便。Dreamweaver3的屬性面板也有一個類似有的“項目符號和編號”的表徵圖按鈕,產生自動列表功能, 但它只有兩種形式,即方塊和阿拉伯數字。不過我們可以利用Dreamweaver3的CSS定義功能去重新定義“列表符號的格式”。下面以定義一個“大寫 羅馬數字項目列表符號”為例來說明其使用方法: 1、按F7(或點擊快速啟動欄裡那個象“八卦圖”似的表徵圖),調出CSS面板,選擇
Time of Update: 2016-05-16
有這樣一個想法,不知道可行麼例子: 布局中的左欄,它的屬性有:{居左,寬度,背景色,字型等等} 如果把每個屬性都做成一個標準件,然後這樣組裝起來使用 class="float width height background font padding....",通過多個class的標準件的引用來完成頁面配置樣式 先按需要定義好標準件如:float標準件 .l{float:left} .r{float:right} .cl{clear:left} ...width標準件 .w200
Time of Update: 2016-05-16
如果用傳統的方法製作這個翻轉菜單,至少需要把圖片切成10椋掛由螶S代碼,在圖片按鈕上再加行為,現在完全用CSS來實現,圖片只要一張,見。CSS代碼:#imgmenu{ width: 450px; height: 25px; /*高度是背景圖片的一半*/ background: url(../images/navbg.gif); list-style-type: none; padding: 0px; margin: 0px;} #imgmenu li{ float: left;}
Time of Update: 2016-05-16
douban.com非常精巧的應用了div+css,並且通過色系的運用,最大限度減少圖片等等方式既使得網站頁面清新可人,而且可以最大限度的壓縮了網頁的大小,從而使得訪問的效率得到了最大化。
Time of Update: 2016-05-16
本文特意為你找來了一款CSS編輯利器——Topstyle,利用它你能輕鬆做出更有風格的網頁來! 精彩、漂亮是每一個設計者在製作網頁時的不懈追求,而網頁的精彩幾乎都離不開CSS的強力“支撐”;CSS是一種為超文字標籤語言提供增強補充服務的技 術,可對每一個html的標籤做精雕細刻的修飾。活用CSS,將會使網頁更加生動活潑。不過,普通的網頁編輯工具在CSS方面,表現難能讓人滿意;為了充 分發揮CSS潛能,設計出更加美麗的網頁. 最新版本:3.11 檔案大小:3836KB 軟體性質:
Time of Update: 2016-05-16
本篇詳細介紹了用CSS動態控制文字屬性的文章主題,利用CSS的屬性值可動態改變的特點,定義文本的多種屬性值,再用一個事件來觸發,一旦事件發生,則改變文字屬性值,從而達到預期目的。 用CSS可以很方便地動態改變文本的屬性,從而可製作出動態地使文字變大、縮小、改變文字顏色、改變文本的背景、字間距、行間距等等網頁特效,一切都在你的掌握之中。是不是有點玄?事實就是如此。那一定很複雜吧?不!看完本文,你就會明白,原來這麼簡單。 請看下面的樣本:一、動態改變文字大小