標籤彙整:float

CSS 教學 – 單欄式網頁版型設計

網頁完成圖示

這一次的飛肯教學文,要跟大家分享的是,如何用 CSS 語法來做一個單欄式網頁的版型設計!
雖然只是一個很基本的架構,但是在教學文當中,大家可以跟著小編一起學習幾個常用的語法,例如「 text-indent 」 的兩種使用方式、選單之水平排列、清除浮動的寫法…. 繼續閱讀

in CSS 語法 - 網頁設計

CSS Sprite 教學 – 條例式按鈕設計

CSS Sprite -ul-li-ok

大家好,在上一次飛肯教學文中,所提到的「CSS Sprite」語法技巧,不知道各位都練習過了嗎?
延續上次教學文的主題,今天我們再來做一個也很實用的「條例式按鈕設計」語法練習;在這篇教學文中,我們會先做一次一般版本的寫法,接著,我們就會教大家如何使用「CSS Sprite」,讓自己的網頁更為精簡、優化喔~ 繼續閱讀

in CSS 語法 - 網頁設計

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

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

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

in CSS 語法 - 網頁設計

CSS 語法 – float 浮動排列 – 表格做不到的功能

「float: left;」浮動排列

float 浮動排列~ 是 CSS 排版時很常用到的語法,也是表格做不到的功能之一….. 尤其是對於學習過 PHP 或 ASP 資料庫的同學來說,想要做出電子相本或購物網站的頁面編排時… 繼續閱讀

in CSS 語法 - 網頁設計