【CSS】圖像產生間隙,空一行,如何解決?完美解決跨瀏覽器兼容教學

【CSS】圖像產生間隙,空一行,如何解決?完美解決跨瀏覽器兼容教學-min
在 img 元素的父元素中,試著顯示出背景或 border 時,發現 img 元素之下,會產生一道小小的間隙,紅框處這並非瀏覽器的 bug,而是依照 CSS 的規格,vertiical-align的起始值為 「 baseline 」,因此圖像下方會對齊「 baseline 」的位置而產生此現象。我們在使用IE6、IE7、IE8、googleChrome、FireFox瀏覽器時,有時候加入圖片CSS下方會產生一些間隙和空一行,那要如何解決呢?來教大家如何解決跨瀏覽器兼容這些問題!

[ 繼續閱讀… ]

【色碼表】完整CSS顏色代碼查詢,紅黃綠藍紫黑,調色盤(線上工具)

color
推薦超實用的線上免費CSS色碼表!收錄最完整色彩還有色盤任你調配選擇喜歡的顏色唷~並且能根據代碼查詢顏色,立即前往線上網頁色碼表

[ 繼續閱讀… ]

【CSS 教學】前端工程師必看、HTML優化、十三個高效整潔技巧

CSS-Code-Snippets2
前端工程師必看、HTML優化、十三個高效整潔技巧

目前有寫前端語言的設計師絕大部分都會推薦用DIV+CSS來佈局進行網頁設計比較有利SEO(Search Engine Optimization搜索引擎優化)。

隨之,問題就來了!沒錯~懂得用DIV+CSS來佈局進行網頁設計比較有利SEO,但是很多使用DIV+CSS來佈局之後的代碼竟比TABLE排版長的很,這樣當然是沒有效率的學習這個前端語言。

[ 繼續閱讀… ]