Wibibi 網頁設計教學百科

用 PHP 執行 SQL 語法找出資料庫中，資料時間等於上個月的所有資料，有兩種簡單的作法，分別是用 PHP 字串帶入 SQL 語法中以及利用 MySQL 的 MONTH()、YEAR() 及 now() 函數來處理，假 ...... 詳細閱讀

我們在用 PHP 進行查詢 MySQL 資料庫中＂日期等於本月的資料＂要怎麼寫呢？有兩種方式可以做到，分別是用 PHP 變數及用 MySQL 函數這兩種寫法，在這裡用簡單的範例做說明，假設我們在資料庫中的 table 資 ...... 詳細閱讀

在 PHP 執行 MySQL SELECT 時，有時候會需要找出日期等於昨天的資料，這時候可以用兩種簡單的方式來做，第一種是先用 PHP 字串設定好昨天的日期，第二種則是用 MySQL 的 CURDATE() 函數來處理 ...... 詳細閱讀

PHP 的 mysqli_set_charset 函式可以用來設定從 MySQL 資料庫撈出的資料字符編碼，建議在建立資料庫連線後，接著設定字符編碼，讓後續資料庫查詢時不會變成亂碼，用 mysqli_set_charse ...... 詳細閱讀

PHP: mysqli_connect 資料庫連線函式適用於 PHP 5, PHP 7, PHP 8，取代早期的 mysql_query，原本使用 mysql_query 時，建立好資料庫連線後還需要使用 mysql_s ...... 詳細閱讀

我們在執行 MySQL 的 SELECT 的資料時，如何判斷資料中「今天之前」或「某天之前」的資料呢？這時候要用 WHERE 條件子句來設定時間區，至於時間的判斷可以用 PHP 字串或 MySQL 的CURDATE() ...... 詳細閱讀

我們平時在執行 MySQL 資料搜尋時，經常會用到 MySQL SELECT WHERE date 等於今天的條件判斷，這裡的 date 是指資料表的日期，當我們要找出資料表中日期等於今天的資料，SQL 語法應該要怎麼寫 ...... 詳細閱讀

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 區塊水平排列的時候， ...... 詳細閱讀