HTML div 標籤是網頁中的重要基礎元素,透過 DIV 標籤可以在網頁中創造各個不同的區塊,每個區塊內還可以增加更小的區塊,設計師也可以利用 HTML div 區塊來進行排版,對網路瀏覽器來說,每組 HTML div ...... 詳細閱讀
CSS Attribute Selectors 是 CSS 的一個重要選擇器,從 CSS 2.1 開始,設計師可以使用網頁元素的屬性(attribute)來選擇它們,優點是不需要額外替這些網頁元素設定 ID 或 Clas ...... 詳細閱讀
替 CSS span 區域增加陰影效果需要使用 CSS3 的 box-shadow 屬性,這是 CSS3 新增的功能,也是標準的"盒子"陰影效果屬性,設計師可以很輕鬆的運用 box-shadow 屬性的各項參數,例如陰影 ...... 詳細閱讀
CSS span 區域可以很輕易的將我們想調整的文字包起來做樣式設計,這當然也包含了對文字的字型下定義,例如將 span 區域內的字型修改成 serif、sans-serif、monospace 甚至是常見的新細明體、標 ...... 詳細閱讀
CSS 的語法可以很輕鬆的修改 span 區域的邊框顏色與邊框樣式,讓預設為沒有顏色且沒有邊框樣式的 span 區域展現出獨特的視覺風格,舉例來說,:D就是一個有邊框風格的 span 區域,要設計 span 的邊框顏色設 ...... 詳細閱讀
CSS span 區域標籤可以用來輕易的將網頁內容特定的部分標示起來並設計出不同的區域效果,例如改變文字的大小、顏色、樣式、字型 ... 等,都是可以的,同時 span 區域也可以擁有自己的背景顏色,網頁設計師只需要採用 ...... 詳細閱讀
設計 HTML 圖片與圖片邊框間的距離可以利用 CSS 的 padding 屬性來設計,padding 是所謂的內距,用來調整盒子模型中的元素與邊框之間的距離,以 HTML 預設的圖片來說,圖片本身與圖片邊框其實是連在一 ...... 詳細閱讀
如果你喜歡用 DIV 區塊來做網頁排版,那麼總是會有一些 DIV 區塊是用來放文字內容,預設的 DIV 區塊文字內容與邊框的距離通常會黏在一起,造成視覺上的不舒適,網頁設計師通常會利用 CSS 的 padding 屬性來 ...... 詳細閱讀
HTML Table 表格可以用來填寫許多的文字內容,在網頁設計排版與內容編排上算是非常傳統的規劃方式,不過 HTML 表格內的文字行高在沒有美化的情況下,經常造成視覺上的不舒適,為了能提供較好的閱讀舒適度,網頁設計師可 ...... 詳細閱讀
DIV 區塊內的文字行高是可以調整的,為什麼要調整 DIV 區塊內的文字行高呢?原因很簡單,因為要調整出最適合閱讀的行高,讓讀者可以輕鬆的閱讀,例如嘗試用較大的字體放在預設的 DIV 區塊內,很可能會出現不同行文字黏在一 ...... 詳細閱讀
CSS3 的 box-shadow 屬性本來的功能就是用來設計區塊的陰影效果,網頁中的許多元素都可以使用區塊的方式來呈現,例如圖片區塊、表單區塊、表格區塊以及我們今天要介紹的 DIV 區塊,這些區塊都可以使用 CSS3 ...... 詳細閱讀
CSS3 box-shadow 屬性自從推出後,讓許多網頁設計師都非常便利,因為傳統在設計網頁圖片陰影時會有一點麻煩,必須使用繪圖軟體特別替圖片增加陰影效果,做好的圖片若要修改陰影,又必須重新用繪圖軟體處理一次,所以現在 ...... 詳細閱讀
CSS display:inline-block 的效果可以讓許多區塊自動浮動起來水平排列,而且不需要額外設定 clear 也不會讓接著的元素浮上來蓋住區塊,這樣說起來有點抽像,在傳統的設計 DIV 區塊水平排列的時候, ...... 詳細閱讀
CSS a 連結樣式效果設計可以提供網頁內的連結(a href)在被使用時的效果,例如滑鼠移到某一條連結上,讓連結產生不同的顏色,或是標注網友已經看過的連結為不同顏色,這些都可以利用 CSS 提供的 a 連結樣式設計功能 ...... 詳細閱讀
傳統的網頁設計在網頁內添加三角形圖案必須使用圖案設計的方式來加入,也就是先用繪圖軟體畫好一個三角形,然後才能加入到網頁中,除了設計花時間之外,檔案還要上傳到伺服器,後續維護也比較麻煩,CSS 的出現改變了這種傳統的設計方 ...... 詳細閱讀
CSS display 屬性是讓網頁設計師可以自由設定網頁元素的顯示類型,HTML 元素本身的顯示類型就是預設的,而且每一種不同的元素都會有自己的預設值,常見的顯示類型有「區塊元素」與「內行元素」,預設為 display ...... 詳細閱讀
CSS box model 盒子模型也稱為區塊模型,所謂的 box model 其實就是傳統的 HTML 區塊概念再進化,假設我們用了一個 DIV 區塊來放置內容,CSS 允許網頁設計師將 DIV 區塊看成一個盒子,透過 ...... 詳細閱讀
CSS list-style 列表屬性是 CSS 提供網頁設計師調整列表的顯示功能,所謂的列表就是 HTML ul li 項目標籤或 HTML ol li 項目標籤,中文也常稱為項目標籤或清單,不僅是網頁設計師,就連一般 ...... 詳細閱讀
FireFox 瀏覽紀錄雖然說找就資料很方便,卻也透露著許多瀏覽者的隱私,有時候必須要清除掉比較妥當,偶爾將非常舊的 FireFox 瀏覽紀錄刪除也有節省硬碟空間的好處,那要如何刪除 FireFox 的瀏覽紀錄呢?其實很 ...... 詳細閱讀
PHP 字串分割並存入陣列有三個函數可以做到,分別是 preg_split, mb_split 以及 explode,這三個函數都是 PHP 內建的函數,不用額外安裝,而且使用方式都很簡單,參數設定有一點不同,本篇將介紹 ...... 詳細閱讀
© Copyright wibibi.com 網頁設計教學百科 基礎的網頁設計規劃、資料庫與程式設計 2012~2016 Englsih version聯絡我們
PHP Smarty MySQL JQuery Apache W3C