Skip to main content

Featured Post

Adobe UI 設計大賽

感覺很好拿到獎項的比賽 似乎沒多少人知道 https://www.iiiedu.org.tw/adobeXD/ https://www.iiiedu.org.tw/adobeXD/rule.html 但有一組似乎限制了特定人參加!!

Popular posts from this blog

Header向下捲動隱藏效果

https://tympanus.net/Development/HeaderEffects/ 網頁展示向下捲動時導覽列選單會向上捲動 持續向下捲動會隱藏主選單 #此效果不支援 IE 程式碼資料 https://tympanus.net/codrops/2013/07/16/on-scroll-header-effects/

簡易檢查自己電腦內有哪些字型的網站

https://wordmark.it/ 進入網站後按照提示 只需要輸入幾個字母按 Enter 就會依照輸入的字母 顯示幕前電腦內擁有的字型範例

認識CSS

CSS 的全名是 Cascading Style Sheets (串接樣式表)。它是由許多樣式名稱和樣式指定值所組成的字串,我們可以利用設定好的樣式表,指定給某一種 HTML 標籤,或某一群組 HTML 標籤來使用。而被套用的 HTML 標籤,將會依據所套用的 CSS 來顯式它的外觀。 CSS 可說是 JavaScript 物件模型的一個重要部份,因為在 CSS 設定之後,我們還可以利用 JavaScript 重新指定不同的值給元件,而達成動態改變的效果( JavaScript 動態改變的功能 IE 已完全支援,但 NC 只支援極少部份)。試想我們利用 CSS 將一段文字設為紅色,再利用 JavaScript 將它改變為藍色,這就是一種動態網頁效果啦( NC 目前做不到)! css 是用來延伸 html 而非取代 htnl, 是用來補 html 的不足(請不要誤會它) CSS寫法(必須寫在<head>內) <style type="text/css"> h1,h2 {         font-family: Arial, Helvetica, sans-serif;         color: #3366CC; } </style> 每個 CSS 樣式定義都有兩項元件:選取器 (selector) 、內容 (property) ,選取器定義要套什麼樣式,內容則描述要產生的效果。