Website Design 8

1.0Camdemy1.0http://media.usc.edu.twWebsite Design 8http://media.usc.edu.tw/user/http://media.usc.edu.tw/sysdata/doc/4/43815a7f9104f43a/thumb_l.jpg360640<iframe width='720' height='405' id='ccShare2080' frameborder='0' src='http://media.usc.edu.tw/media/e/2080' allowfullscreen></iframe>video72040523:49Slide 0001遨遊網頁程式設計真好玩3146602Colors in CSS can be specified by the following methods: color names Hexadecimal colors RGB colors RGBA colors HSL colors HSLA colors11166603Colors in CSS can be specified by the following methods: color names Hexadecimal colors RGB colors RGBA colors HSL colors HSLA colors14483204Colors in CSS can be specified by the following methods: color names Hexadecimal colors RGB colors RGBA colors HSL colors HSLA colors20493105Colors in CSS can be specified by the following methods: color names Hexadecimal colors RGB colors RGBA colors HSL colors HSLA colors22743106Colors in CSS can be specified by the following methods: color names Hexadecimal colors RGB colors RGBA colors HSL colors HSLA colors22743107Colors in CSS can be specified by the following methods: color names Hexadecimal colors RGB colors RGBA colors HSL colors HSLA colors23053108遨遊網頁程式設計真好玩26449709遨遊網頁程式設計真好玩300530010遨遊網頁程式設計真好玩320830011hsl(hue, saturation, lightness) Hue is a degree on the color wheel (from 0 to 360)例如: 0 (or 360) is red, 120 is green, 240 is blue.Saturation is a percentage value0% means a shade of gray and 100% is the full color.Lightness is also a percentage0% is blac325830012hsl(hue, saturation, lightness) Hue is a degree on the color wheel (from 0 to 360)例如: 0 (or 360) is red, 120 is green, 240 is blue.Saturation is a percentage value0% means a shade of gray and 100% is the full color.Lightness is also a percentage0% is blac387429013遨遊網頁程式設計真好玩387429014hsl(hue, saturation, lightness) Hue is a degree on the color wheel (from 0 to 360)例如: 0 (or 360) is red, 120 is green, 240 is blue.Saturation is a percentage value0% means a shade of gray and 100% is the full color.Lightness is also a percentage0% is blac389296015遨遊網頁程式設計真好玩408129016遨遊網頁程式設計真好玩415663017遨遊網頁程式設計真好玩417129018遨遊網頁程式設計真好玩421162019#p1{background-color: hsla(120, 100%, 50%, 0.3);}/*green with opacity */#p2{background-color: hsla(120, 100%, 75%, 0.4);}/*light green with opacity */#p3{background-color: hsla(120, 100%, 25%, 0.5);}/*dark green with opacity */#p4{background-color: hsla(1430596020遨遊網頁程式設計真好玩444029021遨遊網頁程式設計真好玩446129022遨遊網頁程式設計真好玩446129023Slide 0465329024遨遊網頁程式設計真好玩502128025遨遊網頁程式設計真好玩505895026HTML(HyperText Markup Language)超文字標示語言CSS(Cascading Style Sheets)樣式表(樣式表語言)533028027遨遊網頁程式設計真好玩560694028遨遊網頁程式設計真好玩568128029遨遊網頁程式設計真好玩595327030遨遊網頁程式設計真好玩630627031遨遊網頁程式設計真好玩673893032遨遊網頁程式設計真好玩694626033遨遊網頁程式設計真好玩713060034遨遊網頁程式設計真好玩772726035遨遊網頁程式設計真好玩790625036遨遊網頁程式設計真好玩812725037遨遊網頁程式設計真好玩856358038遨遊網頁程式設計真好玩863458039遨遊網頁程式設計真好玩880358040遨遊網頁程式設計真好玩929124041遨遊網頁程式設計真好玩946224042遨遊網頁程式設計真好玩948224043遨遊網頁程式設計真好玩1045023044遨遊網頁程式設計真好玩1055856045遨遊網頁程式設計真好玩1063589046Slide 421067589047Slide 431111022048遨遊網頁程式設計真好玩1111022049Slide 01112889050遨遊網頁程式設計真好玩1171388051遨遊網頁程式設計真好玩1197155052遨遊網頁程式設計真好玩1245088053遨遊網頁程式設計真好玩1251054054遨遊網頁程式設計真好玩1263087055遨遊網頁程式設計真好玩1263454056index 571266154057遨遊網頁程式設計真好玩1352686058遨遊網頁程式設計真好玩1383853059遨遊網頁程式設計真好玩1385319060遨遊網頁程式設計真好玩1424686061fs1920x1080720x4041280x7201920x1080http://media.usc.edu.tw/sysdata/doc/4/43815a7f9104f43a/thumb.jpghttp://media.usc.edu.tw/sysdata/doc/4/43815a7f9104f43a/cover.jpghttp://media.usc.edu.tw/sysdata/doc/4/43815a7f9104f43a/video/thumbs/storyboard.jpghttp://media.usc.edu.tw/sysdata/doc/4/43815a7f9104f43a1