Skip to main content

Featured Post

Adobe UI 設計大賽

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

認識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),選取器定義要套什麼樣式,內容則描述要產生的效果。



Comments

Popular posts from this blog

Header向下捲動隱藏效果

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