01. CSS Index

HTML parts

The html page could be seperated into 3 parts

1. Structure [HTML]
2. Style [CSS]
3. Behavior [Javascript]

Style Classification

1. Inline CSS
   Drawbacks
   • only influence one element
   • maintenance costs are very high

   <p style="color:red; font-size: 60px">This is inline style</p>

2. Internal or embedded CSS
   The style could write into head block
   Darwbacks
   • Only valid for a sigle page

   <style>
     p {
       color:red; font-size: 30px
     }
   </style>

3. External CSS
   Using link tag to involve external CSS file.
   Advantage
   • Could reuse for multi pages.
   • Browser caching mechanism can be used.

   <link rel="stylesheet" href="style.css">