Summary of the Lecture
1. HTML <!DOCTYPE> Declaration
<!doctype html> <html> <head> </head> <body> </body> </html>
2. Selectors – This is important for efficient Maintenance.
ex1)
<style> .item{} </style> <div class="item"></div>
ex2)
.item.right{} <div class="item right"></div>
3. About CSS Versions
CSS 2.1 ver – Used in this Lecture
CSS 3 ver – Latest Version (2019.09)
4. Box sizing
box-sizing: border-box;
5. :nth-child() Selector
ex) even
.timeline li:nth-child(even)
6. Position
position: relative; position: absolute;
7. Transition
transition: all 1s;
8. Mentioned sites
> https://www.w3schools.com/css/css_boxmodel.asp
> caniuse.com