Mais conteúdo relacionado
Semelhante a Semantic ui教學 (20)
Semantic ui教學
- 11. html:超⽂文本標記語⾔言( HyperText Markup Language )
定義網站中的⽂文章內容、標題、連結、圖⽚片等,讓瀏覽
器知道網站整個架構的呈現。
css:層疊樣式表 (Cascading Style Sheets)
能為你的網站修改字體樣式、顏⾊色、網⾴頁背景、甚⾄至是
華麗的動畫與 3D 效果、讓你增添設計感的⼯工具。
11
講述瀏覽器形成網⾴頁的過程
建⽴立dom css渲染
- 12. html:超⽂文本標記語⾔言( HyperText Markup Language )
定義網站中的⽂文章內容、標題、連結、圖⽚片等,讓瀏覽
器知道網站整個架構的呈現。
⾻骨架
⾐衣服
css:層疊樣式表 (Cascading Style Sheets)
能為你的網站修改字體樣式、顏⾊色、網⾴頁背景、甚⾄至是
華麗的動畫與 3D 效果、讓你增添設計感的⼯工具。
12
css推廣歷史 禪意花園
- 23. hand on
打開google chrome
右鍵 檢查元素
1
2
3 改變div ⼤大⼩小顏⾊色
寬:width: 100px
⻑⾧長:height: 100px
背景顏⾊色:background-color: blue;
23
- 34. 換你做做看!
step1: 把程式碼複製到<body>中,可以動了,很爽
step2: 試試看不同種類的button
step3: 配合網站的code 去修改⾃自⼰己的code
button種類:⼤大⼩小,顏⾊色,icon, Animated…
⽤用http://semantic-ui.com/elements/button.html
查詢喔~
34
- 45. 1
2
3
4
設定值請參考官網設定
45