今日進度

w3s的Comments、Colors、CSS

學習筆記

• Comments

< !-- Write your comments here -- >
像是寫筆記備註的地方，不會顯示在網頁成品上
感覺是這樣用的：< !-- 客戶說這裡要放一張虎斑貓的照片 -- >

• Colors

可以換頁面色、文字色、句子底色、框線色

• 可使用的色彩系統：

  • Color Names：有140個色彩可以直接打色彩名稱
  • RGB、RGBA：(red, green, blue, alpha) alpha是透明度
  • HEX：16進位碼
  • HSL、HSLA：(hue, saturation, lightness, alpha)色相、明度、飽和度

• CSS

  • Cascading Style Sheets的縮寫，中文是階層式樣式表
  • 有3種寫進HTML網頁的方法
    1.Inline行內樣式：直接在要改的元素寫style
    2.Internal內部樣式表：另外分出來寫樣式，在< head >...< /head >中加入< style >...< /style >，
    3.External外部樣式表：丟入CSS檔
  • External最常用，因為把HTML和CSS清楚分割開來，之後要做更動比較容易，而且還可以一檔多處用XD

心得

• 到目前為止都看w3s的英文資料，打筆記的時候好難轉成中文用詞阿
• 今天終於念到了比較熟悉的色彩碼(色彩碼參考資料)，唸到喜歡的色彩部分覺得很開心，但是因為之前比較常接觸平面設計跟印刷所以對CMYK比較熟XD
  寫網頁好像用不到CMYK?
• 唸w3s的資料到這裡大概熟悉了HTML的運作模式，覺得可以開始動手實做了，再來會先照著現在手上唯一有的HTML書-HTML5‧CSS3 最強圖解實戰講座(還沒有HTML概念時，逛書店的時候先隨意買的)先跟著做做看。