標籤彙整:div

CSS 教學 – CSS Sprite 網頁優化技巧入門

CSS-icon-Sprite

大家好,今天飛肯教學文要來教各位一個非常實用, CSS 語法網頁設計的重要技巧之一: 「CSS Sprite」。這個技巧不但可以幫我們減輕網頁主機端的圖檔數量、加快網頁的開啟速度,更進一步還可以讓網頁的 SEO 排名提高,所以大家一定要學會這一招,將它應用在排版時,就可以輕鬆達到網頁優化的效果喔! 繼續閱讀

in CSS 語法 - 網頁設計

CSS 語法 – 2 欄式網頁版型 – 陰影與倒影 – 教學與範例下載

CSS 語法 - 2 欄式網頁版型 - 陰影與倒影設計 - 教學與範例下載

給同學多多練習使用 CSS 語法編排網頁版型,在這個版型的四周增加了 陰影與倒影的圖形設計。 網頁 HTML 部份使用 div 畫分欄位,再用 CSS 語法來做圖形編排與版面定位,這個範例是 CSS 語法設計網頁的基本練習,與我們飛肯上課… 繼續閱讀

in CSS 語法 - 網頁設計

CSS 語法教學 – 4 欄式網頁版型 – 範例下載

CSS 語法教學 - 4 欄式網頁版型 - 範例下載

使用 <div> 和 CSS 語法設計 4 欄式的網頁版型 4 欄式的網頁版型的確只要使用 float:left 就可以完成了~ 中間的 4 個 <div> 在使用 float:left 的時候,就會依序的直接靠在前面一個 <div> 的旁邊… 繼續閱讀

in CSS 語法 - 網頁設計

CSS 語法教學 – div 圖文框排版入門

CSS 語法教學 – div 圖文框排版入門

以前使用表格排版的時候,要製作圓角圖框的排版就必須把先把圖片切割大卸九塊,然後再用表格把切割過後的圖片拚在一起還原之後,才能把網頁需要的文字貼在表格之內….光想起來就是大工程… 繼續閱讀

in CSS 語法 - 網頁設計

CSS 語法教學 – margin-top 失效!外間距會直接影響到上一層

CSS 語法教學 -  margin-top 外間距會直接影響到上一層

使用 margin 外間距 調整文字元素或圖片元素的外間距,理所當然是要使用 margin 語法,然而,當我們高高興興完成網頁排版,心想趕快收拾包包下班走人時,慘劇往往就發生在各個瀏覽器的不一致問題之中… 繼續閱讀

in CSS 語法 - 網頁設計

免費 CSS 網頁版型下載網站 – 「Free Website Templates」

免費 CSS 網頁版型 - 「Free Website Templates」

這個網站有非常多的 CSS 免費網頁版型可以下載 這裡提供下載的網頁版型的 HTML 部份是 div 結構,視覺排版部份是以 CSS 語法來完成的,同學可以下載回來練功… 繼續閱讀

in CSS 語法 - 網頁設計