跨國網站規劃、SEO必check 7要素
如果你的公司正在跨大版圖想跨往世界，那你勢必要經營跨國網站， 首先該考量的，是網站的架構，接著是跨國SEO的操作，要如何開始著手？讓我們看看工程…
目前显示的是标签为“CSS基礎”的博文显示全部
CSS3 animation 動畫屬性-CSS 用來設計網頁動畫的標準屬性
CSS3 animation 動畫屬性是 CSS 用來設計網頁動畫的標準屬性，CSS3 animation 有許多種不同的屬性效果可以設定，用來控制動畫的移動方式、移動方向…
CSS3：利用 CSS3 設計背景圖片自動縮放全螢幕展示效果
CSS3 設計背景圖片自動縮放全螢幕展示效果是許多新一代網頁設計的基礎，這樣的效果就是背景圖片隨著網頁大小縮放而自動跟著縮放至全螢幕，要設計出這樣的效果很簡單，只要將 C…
用 CSS 設計 HTML button 按鈕大小
HTML button 按鈕的大小可以透過 CSS 內建的 width 與 height 這兩個屬性，分別來控制按鈕的寬度與高度，精準得設計出我們所需要的按鈕大…
CSS list-style 列表屬性
CSS list-style 列表屬性是 CSS 提供網頁設計師調整列表的顯示功能，所謂的列表就是 HTML ul li 項目標籤 或 HTML ol li 項目標籤 …
CSS box model 盒子模型
CSS box model 盒子模型也稱為區塊模型，所謂的 box model 其實就是傳統的 HTML 區塊概念再進化，假設我們用了一個 DIV 區塊來放置內容，…
CSS display 屬性
CSS display 屬性是讓網頁設計師可以自由設定網頁元素的顯示類型，HTML 元素本身的顯示類型就是預設的，而且每一種不同的元素都會有自己的預設值，常見的顯示類型有「…
用 CSS 設計出三角形圖案
傳統的網頁設計在網頁內添加三角形圖案必須使用圖案設計的方式來加入，也就是先用繪圖軟體畫好一個三角形，然後才能加入到網頁中，除了設計花時間之外，檔案還要上傳到伺服器，後續維護…
CSS a 連結樣式效果設計
CSS a 連結樣式效果設計可以提供網頁內的連結（ a href ）在被使用時的效果，例如滑鼠移到某一條連結上，讓連結產生不同的顏色，或是標注網友已經看過的連結為不同顏色，…
CSS display:inline-block 效果
CSS display:inline-block 的效果可以讓許多區塊自動浮動起來水平排列，而且不需要額外設定 clear 也不會讓接著的元素浮上來蓋住區塊，這樣說起來…
CSS span 區域背景顏色設計
CSS span 區域標籤可以用來輕易的將網頁內容特定的部分標示起來並設計出不同的區域效果，例如改變文字的大小、顏色、樣式、字型 ... 等，都是可以的，同時 span …
CSS span 區域邊框顏色與樣式設計
CSS 的語法可以很輕鬆的修改 span 區域的邊框顏色與邊框樣式，讓預設為沒有顏色且沒有邊框樣式的 span 區域展現出獨特的視覺風格，舉例來說， :D 就是一個有邊…
CSS span 區域文字字型設計
CSS span 區域可以很輕易的將我們想調整的文字包起來做樣式設計，這當然也包含了對文字的字型下定義，例如將 span 區域內的字型修改成 serif、sans-se…
用 CSS 修改 HTML button 按鈕文字顏色
HTML button 的預設按鈕文字顏色通常是黑色的，也不是說黑色的按鈕文字顏色就不好，只是有的時候，當網頁設計師設計出了獨具風格的整體頁面，按鈕上的文字顏色也應該搭配整…
如何用 CSS 選擇文章第一個字母或文字
也許你看過有些文章的開頭第一個字母會特別大或用不同的字型，也有人是用不同的顏色呈現，這些效果都要想辦法先選取第一個字母，可是如果每篇文章都要替第一個字母特別選出來修改，這樣…
利用 CSS 修改 HTML 按鈕背景顏色
HTML 按鈕背景顏色預設值比較單純，特別是在設計較具有特殊風格的網頁時，常常顯得質感不夠好，所以網頁設計師通常會需要修改 HTML 的按鈕背景顏色，來搭配整體網頁風格，然…
CSS max-width 屬性
CSS max-width 屬性的功能是用來限制網頁元素最大寬度不可以超過指定的限度，為什麼會有這個功能呢？因為現在網頁上有許多的元件或元素會隨著螢幕大小的改變或是父層元素…
CSS min-width 屬性
CSS min-width 屬性 的功能是用來控制網頁元素的最小寬度，例如 圖片 、 影片 、 DIV 區塊 、 textarea 文字輸入欄位 ... 等，舉例來說，在…
CSS min-height 屬性
CSS min-height 屬性的功能是用來設定網頁元素的最低高度限制，例如 圖片 的最低高度、 DIV 區塊 的最低高度或是一個段落的最低高度，都可以用 CSS min…
CSS max-height 屬性
CSS max-height 屬性的功能是用來設計網頁元素的最大高度，例如一個段落的 max-height 或是一張圖片的最大高度限制，max-height 屬性是 hei…
CSS height 高度屬性
CSS height 高度屬性顧名思義，就是用來控制網頁元素高度的一個標準屬性，網頁設計師常常會使用 CSS height 屬性來調整 DIV 區塊 的高度、圖片的高度、…
CSS3 border-radius 屬性範例、創造圓角效果
CSS3 border-radius 屬性範例、創造圓角效果 <div style="border:1px #ccc solid;b…