2011年11月30日 星期三

CSS text-shadow + ShlideBar

›
CSS text-shadow + HTML5 SliderBar 參考資料 CSS Text Level 3 HTML5 Presentation (在裡面有一篇Shodw,可以觀看他的原始碼參考做法,在2599行) 切割法 這是一個簡單的sampe,實際運用，...

CSS3 Borders - border-[top or bottom]-[left or right]-radius

›
CSS3 module: Border (選擇其中一角做圓角) 參考資料： W3C module Border border-top-right-radius:10px; border-top-left-radius:10px; border-bottom-rig...

CSS3 Borders - Style

›
CSS3 module: Border Style 參考資料： W3C module Border dotted dashed solid double dot-dash 效果出不來 dot-dot-dash 效果出不來 wave 效果出不來 groove ridge in...

CSS3 Borders - radius

›
CSS3 module: Border 參考資料： W3C module Border border-radius <style type="text/css"> .divClass { width:200px; height:50px...

CSS3 transform:rotate( deg )

›
CSS3目前有支援的瀏覽器 Firefox Safari Chrome Opera  IE8需要透過其他外掛套件來支援，IE9會開始支援HTML5與CSS3 這是div 這是div1,旋轉90deg,與Flex不同,基準點不是左上旋轉。 這是div2,連字也會旋...

head element

›
head element，用以描述當前HTML文件內容，如文件的標題、關鍵字，也許作用於搜索引擎，以及其他數據，但不包含文件的本文內容，在head中是不會有可繪製的視覺元素，在head內可用的有<title>、<base>、 <link>、...

html element

›
<html><html/> 標籤是一個HTML文件的根元素(root element)。 <html><html/>裡有兩個子元素(child elements)、 <head><head/> 與 ...