原创 我的友情鏈接

51CTO博客開發

原创 CSS3屬性選擇器詳解 及 雙色球實戰開發

在前面的章節中,我們瞭解了,可以使用行內樣式,ID選擇器,類選擇器,以及標籤選擇器來給一個元素應用樣式。如果我們想給定義了那些都定義了某一個屬性的元素應用樣式,這個時候我們該怎麼做呢?這一節中,我將使用 雙色球案例 和 文檔類型提示圖標案例

原创 CSS3中的彈性流體盒模型技術詳解(一)

從這篇文章開始,會利用幾個篇幅,我將跟大家分享 從CSS1到CSS3都是如何實現頁面佈局的(當然,所指的範疇是利用CSS技術)。由於盒子模型技術內容比較多,這篇文章我將着重講解知識點。下一篇文章,我會帶領大家開發一個兼容 pc端瀏覽器和 移

原创 CSS3中的彈性流體盒模型技術詳解(二)

在上一篇文章《CSS3中的彈性流體盒模型技術詳解(一)》裏,我給大家列出了,從css1到css3各版本中盒子模型的基本元素。本篇我會把餘下的屬性進行詳細講解。box-pack 作用:用來規定子元素在盒子內的水平空間分配方式box-pack 

原创 CSS3新增屬性text-shadow詳解及燃燒的字體實戰開發

今天我們有很多程序員在給文本設置樣式時,都感覺無從下手。一般有兩種情況:1) 不知道關於文本到底有哪些樣式屬性;2) 即使藉助開發工具的自動提醒,依然不清楚樣式屬性的具體意思,以及具體用法。今天這篇文章,我將帶領大家一起來領受CSS3在文本

原创 CSS中選擇器優先級順序實戰講解

我們有些程序猿在給一個元素(比如div)應用樣式的時候,會有一些疑問,爲什麼我寫在後面的樣式不能覆蓋前面的樣式呢,不是說CSS是層疊樣式表嗎?如果你在開發中也遇到同樣的問題,即在給某一元素應用樣式的時候(比如寫在外部樣式表中),寫在後面的樣

原创 :link,:visited,:focus,:hover,:active詳解

CSS 又名 層疊樣式表,所謂層疊,就是後面的樣式會覆蓋前面的樣式,所以在樣式表中,各樣式排列的順序很有講究。:link 與 :visited 在樣式文件中的順序可以隨便放置。而focus, hover,active這幾個,如果你設置的順序

原创 我的友情鏈接

51CTO博客開發

原创 CSS3實戰開發: 彈性盒模型之響應式WEB界面設計

各位網友大家好,如果你已經閱讀過我先前寫的關於CSS3彈性盒模型的實例演示,相信你對CSS3彈性盒模型屬性知識點應該已經有了一個非常深刻的映像。從本篇文章開始,我將帶領大家,手把手地教大家如何來開發一個適合移動端瀏覽器的彈性盒模型的響應式頁

原创 CSS3新增屬性text-overflow(省略符)實戰開發詳解

有人會問,爲什麼我把text-overflow拿出來單獨講解。以前,當一行內容顯示不完整的時候,想要顯示省略符,需要通過javascript等手段。但是CSS3引入了text-overflow省略符屬性,只需要短短一行代碼就可以實現,開發方