原创 第11章 使用正則表達式的模式匹配(一)

正則表達式 (regular expression) 是一個描述字符模式的對象。JavaScript 的 RegExp 類表示正則表達式,而 String 和 RegExp 都定義了使用正則表達式進行強大的模式匹配和文本檢索與替換的函數。

原创 drop-down

下拉菜單 這種方法是基於 A List Part 介紹的 Suckerfish Dropdowns 技術實現的。這個菜單也是基於簡單的無序列表實現的

原创 11.5 完整的服務: 雅虎開發人員網絡以及 YUI

雅虎作爲最早的因特網內容和服務提供商,通過給網絡開發人員提供雅虎開發人員網絡 (Yahoo Developer Network),邁出了非常吸引人的

原创 說說標準——CSS核心可視化格式模型(visual formatting model)之十一:絕對定位

在前面的帖子中,我們已經講了可視化模型中佈局的兩大方面:1. 常規流 2. 浮動,佈局3大部分只剩下了絕對定位。前面的帖子中也零星的提到過關於絕對定位的某些特性,但都不夠細緻系統。絕對定位(Absolute positioning) 相對

原创 css hack

css hack CSS hack由於不同的瀏覽器,比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等,對CSS的解析認識不一樣,因此會導致生成的頁面效果不一樣,得不到

原创 【分享】說說標準——關於樣式的特殊性

本文簡單的介紹下何爲選擇器的特殊性,它是起什麼作用的,以及特殊性怎麼計算方面的知識。所謂的特殊性是指,作用於同一元素的同一特性 (property)的不同選擇器的多個值,哪個會起作用,特殊性值最高的會起作用。比如,如下代碼中,多個樣式中的

原创 說說標準——CSS核心可視化格式模型(visual formatting model)之八:float 特性以及浮動(Float)定位細則一

浮動特性非常有用,3大布局核心之一。雖然如此,它涉及內容過多,瀏覽器兼容性問題也很多。它的定位不僅涉及 包含塊,還涉及到了行框,塊框,還有行內框等內容;並且,各瀏覽器對其的支持還有不少兼容性問題。因此,它既是美夢又是噩夢。那麼,浮動產生的

原创 【分享】說說標準--CSS核心可視化格式模型(visual formatting model)之六:常規流中的相對定位

前兩個”說說標準“系列的帖子已經將常規流中的BFC和IFC都說過了。今天跟大家分享最後常規流中的最後一個要點:常規流中的相對定位。絕對定位元素在常規流中的佔位是未偏移前的位置一旦一個框按照常規流或者是浮動得到定位,它還可以相對該位置而偏移

原创 【分享】說說標準 —— 揭開外邊距摺疊(Collapsing margins)的面紗

生活本不是華袍,更禁不住揭開來看。 ——美麗的xixi生活之美,在於真實和朦朧之間。本沒有想象中美麗,卻又有許多人非要揭示它的艱辛。雖說,生活上的事,不須太過清楚,要深得“難得糊塗”其中三味,但工作上的事,確實越清楚越好,仔細想想,原來是

原创 【分享】說說標準——CSS的錯誤解析規則

我說我的眼裏只有你 —— 景崗山用這句歌詞來形容CSS的錯誤解析規則,我覺得再合適不過。CSS的錯誤解析規則的眼裏只有CSS標準,對其他的錯誤語法,大都採取直接忽略的態度,太**忠心了(此處省略三字)。CSS跟我們所認識的其他語言,例如

原创 【分享】說說標準——CSS標準中的值

人對於一件事,不知道的時候感覺它很神祕,於是便很想知道這個到底是怎麼回事,但是知道了之後呢,感覺也不過如此,人就是這樣……呃……說正事兒,CSS中的樣式設置,最終離不開兩樣東西:特性和特性的值。特性是諸如 ”height”、“width”

原创 【分享】說說標準——CSS核心可視化格式模型(visual formatting model)之十二

'display','position'和'float'相互關係前面幾貼,我們介紹了display,position,float,介紹了他們是如何影響框的生成和框的佈局的。那麼,這幾個特性之間有無制約關係呢,比如,既浮動又是絕對定位的元素

原创 【分享】說說標準——CSS核心可視化格式模型(visual formatting model)之十三:分層的顯示(Layered presentation)

前面已經將 CSS 中比較核心的佈局基礎講解完畢了。其中說到的主要有 3 種佈局方式,一種是常規流中的定位,一種是浮動,最後的是絕對定位。不熟悉的童鞋可以翻看以前關於常規流,浮動,絕對定位的帖子。這 3 種定位方式,可以讓你把元素放到任何

原创 使用YUI CSS工具

JavaScript 框架高級編程 - 應用Prototype、YUI、Ext JS、Dojo、MooTools 第15章 使用YUI CSS工具 本章內容簡介: 建立跨瀏覽器一致性控制字體利用網格構建佈局15.1 建立跨瀏覽器一致性

原创 An Experiment in Rounded Corners

今天下午突然有了一個想法,那就是在Internet Explorer中一定有簡單的實現圓角的方式。不幸的是,我開始的想法完全失敗了,跟以前一樣在同樣的地方停了下來。然而,我想試一下 VML 。VML是一個基於XML的方式,並且Micros