自從沒有再用 Dreamweaver 以後,每開始一個新頁面我就煩惱 doctype
該要寫甚麼,jQuery 的 Google CDN 網址又是甚麼……以往這些都包括在 Dreamweaver 的預設 HTML
網頁模版裡。
在我們設計網頁的時候,總會遇到一些不愉快的事情,最常見的莫過於在後台添加內容後才發現顯示的頁面被撐開,導致網頁極度不美觀。以前大家基本上都是設計 表格,網上自然不少對於的解決方法,如今還有div+css標準設計,很少看到相關好的方法,現在把平時找到的防止表格被撐開的好方法總結歸納一下,和大 家一起分享。
防止表格被撐開或div層被撐開的多種方法在 我們設計網頁的時候,總會遇到一些不愉快的事情,最常見的莫過於在後台添加內容後才發現顯示的頁面被撐開,導致網頁極度不美觀。以前大家基本上都是設計表 格,網上自然不少對於的解決方法,如今還有div+css標準設計,很少看到相關好的方法,現在把平時找到的防止表格被撐開的好方法總結歸納一下,和大家 一起分享。
一、直接在網頁裡設置圖片大小,比如代碼:http://www.krjpg.cn/www.xxol.net.jpg" width="600" height="500" border="0">,這樣雖然可以限制了圖片大小,但是需要在上傳圖片之前手動修改圖片大小,否則上傳的圖片就會變形。
早在幾個星期前,Adobe就發佈了Dreamweaver CS5 HTML5 Pack的預覽版下載。
眾所周知,HTML5在網際網路領域掀起了一場大論戰,並讓Adobe的日子很難熬。HTML5致力於為前端開發提供全面的標記語言。
這種虛線外框在一般平常的時候並不會引起特別的困擾或問題~
但是,當我們使用 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視頻播放器/庫,讓你可以輕鬆地嵌入視頻到網頁,並確保向後兼容性。
HTML5 漸入佳境,它強大的功能正被逐漸挖掘出來,各種實驗性應用層出不窮,本文介紹幾個由 Hakim El Hattab 設計的 HTML5 趣味小應用,它們非常有趣,我剛剛在它們身上消磨了兩個小時。當你體驗完這幾個小應用,會發現 HTML5 比你想像的更強大。
自從沒有再用 Dreamweaver 以後,每開始一個新頁面我就煩惱 doctype
該要寫甚麼,jQuery 的 Google CDN 網址又是甚麼……以往這些都包括在 Dreamweaver 的預設 HTML
網頁模版裡。
儘管被批評為走火入魔,CSS3 痴迷者們仍然在嘗試實現各種基於純 CSS 的圖形與圖標設計,如果你看到本文介紹的這些精美圖標,你絕對不會相信它們完全是由 CSS3 代碼生成的。尤其是那套由 Louis Harboe 設計的 iOS 圖標,那麼微妙的色彩與紋理,真的難以置信。
作者: Doug Neiner
基於純 CSS,以 em 為單位,可動態調整尺寸,需要瀏覽器支持 border-radius 屬性,目前支持的瀏覽器包括 Chrome, Safari, Firefox 和 IE9。
DeviantArt 是一個著名的,彙集了大量怪誕藝術家的非主流藝術作品展示網站,最近,他們推出了一個完全基於 HTML5 的繪圖程序 Muro。這個幾乎支持所有現代瀏覽器,無需 Flash 和任何插件的繪圖工具是作者見過的最好的 HTML5 繪圖程序。該程序甚至支持 Wacom 手寫繪圖板。