原创 web前端(001_滾動效果)

示例: <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" />

原创 CSS 基礎(020_下拉式菜單)

原始地址:http://www.w3schools.com/css/css_dropdowns.asp 翻譯: CSS 下拉式菜單(CSS Dropdowns) 使用 CSS 創建可懸停、下拉式菜單。 演示:下拉式菜單示例 移

原创 CSS 基礎(019_導航欄)

原始網址:http://www.w3schools.com/css/css_navbar.asp 翻譯: CSS 導航欄 演示:導航欄 <!DOCTYPE html> <html lang="en-US"><head><me

原创 CSS 基礎(009_Max-width)

原始網址:http://www.w3schools.com/css/css_max-width.asp 翻譯: CSS Layout - width and max-width 使用 width,max-width 和 marg

原创 CSS3 基礎(005_3D 變換)

原始網址:http://www.w3schools.com/css/css3_3dtransforms.asp 翻譯: CSS3 3D 變換(CSS3 3D Transforms) CSS 3D 變換 CSS3 允許你使用 3D

原创 CSS 基礎(014_Align)

原始網址:http://www.w3schools.com/css/css_align.asp 翻譯: CSS Layout - Horizontal & Vertical Align <!DOCTYPE html> <html

原创 CSS 基礎(011_Overflow)

原始網址:http://www.w3schools.com/css/css_overflow.asp 翻譯: CSS Layout - Overflow CSS Overflow 當元素的內容太大而無法適應特定區域的時候,ove

原创 CSS 基礎(008_顯示)

原始網址:http://www.w3schools.com/css/css_display_visibility.asp 翻譯: CSS Layout - The display Property display 屬性是控制佈局

原创 CSS 基礎(012_浮動)

CSS Layout - float and clear float 屬性指定元素是否需要浮動。 clear 屬性用以控制浮動元素的行爲。 <!DOCTYPE html> <html> <head>

原创 CSS 基礎(010_定位)

原始網址:http://www.w3schools.com/css/css_positioning.asp 翻譯: CSS Layout - The position Property position 屬性用以對元素指定定位方

原创 CSS 基礎(016_僞類)

原始網址:http://www.w3schools.com/css/css_pseudo_classes.asp 翻譯: CSS Pseudo-classes 什麼是僞類? 僞類用以定義元素的特定狀態。 例如,它被用於: 當

原创 CSS 基礎(007_表格)

原始網址:http://www.w3schools.com/css/css_table.asp 翻譯: CSS Tables 用 CSS 可以使 HTML 表格的外觀得到極大改善: <!DOCTYPE html> <html

原创 CSS 基礎(015_Combinators)

原始網址:http://www.w3schools.com/css/css_combinators.asp 翻譯: CSS Combinators CSS Combinators combinator 用以解釋選擇器之間的關係。

原创 CSS 基礎(021_提示框)

原始網址:http://www.w3schools.com/css/css_tooltip.asp 翻譯: CSS 提示框 使用 CSS 創建提示框。 演示:提示框示例 當用戶移動鼠標指針至元素之上的時候,提示框經常用以對相關

原创 CSS 基礎(013_行內-塊)

CSS Layout - inline-block The inline-block Value 創建盒子式的表格,使其佔據瀏覽器的整個寬度,並且該表格被瀏覽器包裹得很好(任意改變瀏覽器窗口的大小),使用 float 屬性在很長