跨國網站規劃、SEO必check 7要素
如果你的公司正在跨大版圖想跨往世界，那你勢必要經營跨國網站， 首先該考量的，是網站的架構，接著是跨國SEO的操作，要如何開始著手？讓我們看看工程…
目前显示的是标签为“CSS樣式”的博文显示全部
CSS3 animation 動畫屬性-CSS 用來設計網頁動畫的標準屬性
CSS3 animation 動畫屬性是 CSS 用來設計網頁動畫的標準屬性，CSS3 animation 有許多種不同的屬性效果可以設定，用來控制動畫的移動方式、移動方向…
CSS3 transition 屬性範例、創造動畫效果
CSS3 transition 屬性範例、創造動畫效果 <style type="text/css"> #Change{ width…
CSS3 text-shadow 屬性範例、創造陰影效果
CSS3 border-radius 屬性範例、創造圓角效果 <div style="border:1px #ccc solid;border-radius…
CSS3 border-radius 屬性範例、創造圓角效果
CSS3 border-radius 屬性範例、創造圓角效果 <div style="border:1px #ccc solid;border-radius…
CSS3 word-break 屬性可以設定瀏覽器要在什麼樣的情況下讓字串斷行
CSS3 word-break 屬性可以設定瀏覽器要在什麼樣的情況下讓字串斷行，常見的設定主要分為兩種，分別是換行的時候要保持單字完整以及無論單字是否完整都直接換行，CSS…
CSS3 word-wrap 屬性讓很長的單字可以切換到下一行
CSS3 word-wrap 屬性的功能是讓很長的單字可以切換到下一行，大部的瀏覽器預設值都是讓很長的單字保留完整，直接在跳倒下一行或是讓單字超出 DIV 區塊 的範圍，…
CSS3 font-face 字型
CSS3 font-face 字型設計是 CSS3 新推出一的字型套用屬性，傳統的 CSS 字型屬性 font-family 的優點是可以設定許多不同的字型，並…
CSS3 transform 屬性讓網頁元素呈現出旋轉、縮放、移動以及傾斜的特殊效果
CSS3 transform 屬性的功能提供了網頁設計中對於網頁元素（element）變形特效的突破，透過 CSS3 transform 屬性，網頁設計師可以很輕易的讓網頁…
CSS3 transform-origin 屬性是用來改變其旋轉基礎點的位置
CSS3 transform-origin 是個用來與 transform 搭配的屬性，可以用來定義＂有設定 transform 屬性的網頁元素＂的旋轉基礎點位置，…
CSS3 resize 屬性：讓網頁的使用者可以自行調整div區塊元素的大小
CSS3 resize 屬性 的功能是讓網頁的使用者可以自行調整div區塊元素的大小，讓傳統只能固定的 DIV 區塊 有了可調整的功能，網頁設計師可以利用CSS3 res…
CSS3 box-sizing 屬性
CSS3 box-sizing 屬性 的功能是用來調整區塊的內距與邊框計算方式，預設的 DIV 區塊 的邊框最外的寬度，會因為內距 padding 的值以及邊框 bo…
CSS3樣式：CSS3 outline-offset 屬性（調整DIV的邊框）
CSS3 outline-offset 屬性是 CSS 中 outline 屬性的進化版，網頁設計師可以使用 outline 屬性替網頁元素增加輪廓的視覺效果，不…
CSS3樣式：CSS3 邊框設計
CSS3 具有比 CSS2 更強大的邊框設計功能，包含了三項新屬性，分別是設計圓角矩形的 border-radius 、設計陰影效果的 box-shadow 以及設計…
CSS3 多重背景圖片設計
CSS 的 background-image 用來替網頁本身（ body ）或網頁元素插入背景圖片相當好用，這個背景圖片屬性到了 CSS3 有了更強大的進步， CSS …
CSS3 網頁漸層背景顏色效果設計
網頁漸層背景顏色效果是現在網頁設計師經常使用的一種技巧，傳統的網頁設計必須使用漸層圖片來當作網頁背景圖片，才能呈現出網頁漸層背景顏色的效果，不過 CSS3 有推出一個新…
CSS3 網頁背景淡出效果設計
CSS3 網頁背景淡出效果設計可以利用相機拍攝的照片，直接轉成淡出的網頁背景效果，不需要先用繪圖軟體就能做到，這個技巧所運用的是 CSS3 的 Gradients 漸…
CSS3：用 CSS3 box-shadow 設計圖片陰影效果
CSS3 box-shadow 屬性自從推出後，讓許多網頁設計師都非常便利，因為傳統在設計網頁圖片陰影時會有一點麻煩，必須使用繪圖軟體特別替圖片增加陰影效果，做好的圖片若要…
CSS3 border-radius 屬性範例、創造圓角效果
CSS3 border-radius 屬性範例、創造圓角效果 <div style="border:1px #ccc solid;b…