原文：
本文詳細介紹使用html 5 和css3 製作乙個登入頁面的完整過程。
所用到的html 5的特性：
◆ placeholder – 輸入框的簡短提示，當該輸入框獲得輸入焦點時，該提示資訊自動消失
◆ required – 指定該輸入元素是否必須提供
◆ autofocus – 指定輸入框是否在頁面載入完畢自動獲取輸入焦點
◆ type=」password」 – 指定密碼輸入(非html5專有)
css在這裡我們用到了 css3 的一些專有屬性，包括：
box-shadow 可以幫我們製作效果很好的邊框陰影
stitch effect (縫效果)
subtle gradient lines (微妙的漸變線)
最終結果
view demo 結論
在一些老的瀏覽器上也表現不錯，下圖是在ie8下的效果：
html5前端教程 如何使用CSS3製作長投影
在flat design 扁平化的設計 中，long shadow 長投影 被看著屢試不爽的設計技能。比如下面這張，非常經典的長投影設計 攝影師選擇長投影通常是給帶來戲劇效果，在自然界中，長投影發生在黃昏的時候，太陽接近地平線時，水平地面上的物體俯瞰就會有長投影的效果。在介面設計中我們通常採用了模擬...
css3和html5的基礎
流式布局 應對視窗大小做等比例縮放布局 簡單來說利用百分數來進行布局 css3的box sizing與calc 通常設定邊框會被設定在元素的外圍 box sizing屬性值設為border box時邊框就加在元素內部 css3中在進行響應式布局時需要對不不同的螢幕大小設定不同的div排序方式。這時候...
html5和css3新特性
1易用簡潔 指令碼和連線無需type html5新增加的一些標籤和特性如下 1.無需寫type,指令碼和連線 2.新增加標籤標記元素mark高亮顯示 audio video 如下figure input新增屬性 placeholder required autofocus 新增正規表示式在input...