HTML & CSS

: 程式語言; HTML & CSS; 16 四月 2011

: 程式語言; HTML & CSS; 08 三月 2011

CSS 防止表格被內容撐開

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

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

閱讀全文...

: 程式語言; HTML & CSS; 26 九月 2010

一定要看 - 30個超優秀的 HTML5 學習資源

早在幾個星期前，Adobe就發佈了Dreamweaver CS5 HTML5 Pack的預覽版下載。

眾所周知，HTML5在網際網路領域掀起了一場大論戰，並讓Adobe的日子很難熬。HTML5致力於為前端開發提供全面的標記語言。

閱讀全文...

: 程式語言; HTML & CSS; 08 九月 2010

用 CSS 去除超連結外框虛線 (IE, FF, Chrome)

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

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

但是，當我們使用 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 */
}

: 程式語言; HTML & CSS; 02 九月 2010

超過 23 個開源的 HTML5 影音播放器與框架 - ( HTML5 Video Player )

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

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

閱讀全文...