搜尋

隨機推薦

在我們設計網頁的時候,總會遇到一些不愉快的事情,最常見的莫過於在後台添加內容後才發現顯示的頁面被撐開,導致網頁極度不美觀。以前大家基本上都是設計 表格,網上自然不少對於的解決方法,如今還有div+css標準設計,很少看到相關好的方法,現在把平時找到的防止表格被撐開的好方法總結歸納一下,和大 家一起分享。

防止表格被撐開或div層被撐開的多種方法在 我們設計網頁的時候,總會遇到一些不愉快的事情,最常見的莫過於在後台添加內容後才發現顯示的頁面被撐開,導致網頁極度不美觀。以前大家基本上都是設計表 格,網上自然不少對於的解決方法,如今還有div+css標準設計,很少看到相關好的方法,現在把平時找到的防止表格被撐開的好方法總結歸納一下,和大家 一起分享。
一、直接在網頁裡設置圖片大小,比如代碼:http://www.krjpg.cn/www.xxol.net.jpg" width="600" height="500" border="0">,這樣雖然可以限制了圖片大小,但是需要在上傳圖片之前手動修改圖片大小,否則上傳的圖片就會變形。

當我們在網頁上用滑鼠點到超連結的時候,在文字或是圖片的外面就會出現一個虛線外框

這種虛線外框在一般平常的時候並不會引起特別的困擾或問題~

但是,當我們使用 CSS 語法把文字替代為圖片之後,點到超連結時就會出現一個超大的虛線外框

在 CSS 語法之中對超連結 a{ } 裡面加上「 outline: none; 」就可以去除 Firefox 和 Google Chrome 上的虛線

然後,再混合使用 Javascript 語法「 behavior:expression(this.onFocus=this.blur()); 」就可以去除 IE 上的虛線



完整語法~ 如下所示:

a{
outline: none; /* for Firefox Google Chrome */
behavior:expression(this.onFocus=this.blur()); /* for IE */
}

 

 

正如我們都知道 蘋果公司的CEO鋼筆6點燃燒突擊的Adobe Flash 和大約2個星期前,谷歌宣佈 YouTube的影片嵌入能力增強支持Flash和HTML 5的玩家。 不管你在那裡坐在HTML5的或閃光,閃光一直是標準的顯示視頻在網絡上的大部分,但是,隨著越來越多的手機或網絡的設備在市場中獲得牽引力將會有需求增加網頁設計網站開發利用視頻,建立相應的網站。

在HTML5的<video>元素是一個期待已久,可能一人談論最多的功能。 我們可以很容易嵌入到網頁中的視頻無任何插件,使用<video>元素。 下面是23 +有用的HTML5視頻播放器/庫,讓你可以輕鬆地嵌入視頻到網頁,並確保向後兼容性。

儘管被批評為走火入魔,CSS3 痴迷者們仍然在嘗試實現各種基於純 CSS 的圖形與圖標設計,如果你看到本文介紹的這些精美圖標,你絕對不會相信它們完全是由 CSS3 代碼生成的。尤其是那套由 Louis Harboe 設計的 iOS 圖標,那麼微妙的色彩與紋理,真的難以置信。

奧林匹克標誌

作者: Doug Neiner
基於純 CSS,以 em 為單位,可動態調整尺寸,需要瀏覽器支持 border-radius 屬性,目前支持的瀏覽器包括 Chrome, Safari, Firefox 和 IE9。

Olympics Logo

DeviantArt 是一個著名的,彙集了大量怪誕藝術家的非主流藝術作品展示網站,最近,他們推出了一個完全基於 HTML5 的繪圖程序 Muro。這個幾乎支持所有現代瀏覽器,無需 Flash 和任何插件的繪圖工具是作者見過的最好的 HTML5 繪圖程序。該程序甚至支持 Wacom 手寫繪圖板。

上圖是 DeviantArt 用戶 loish 使用 Muro 創作的一幅畫,這裡還有更多作品範例

第 2 頁,共 5 頁

Please publish modules in offcanvas position.