- Inline Method, Internal Method and External Method
- Select by id > class > type
- Descendant(space), Child(>), Adjacent sibling(+), General Sibling(~)
- rgb(red,green,blue), rgba(red,green,blue, opacity), ##ff0000(#f00)
- child adopts the property from parent
- Inline methods, fonts, google fonts
- content, padding, border, margin
- Psuedo Classes defined special state of element. e.g. a:hover
- Psuedo Elements define style for special part of an element. e.g. h1::after
- absolute -> pixel(px), centimeters(cm), millimeter(mm), inch(in), points(pt), pica(pc)
- relative -> em, rem, vm, vh, %
- view port height
- view point width
- static, relative, absolute, fixed, sticky
- static, relative, absolute, fixed, sticky
- images, properties -> repeat, position, attachment, size, origin
- gradient with container and image
- text and box shadow
- transition property, duration, delay, timing function
- 2D, 3D
- CSS Flexible Layout module
- Basic Setup - add image, fonts
- Create HTML markup for Sidebar
- Add CSS to Sidebar
- Create HTML Markup for Navigation
- Add CSS to Navigation
- Create Click Event
- Create HTML Markup for Header
- Add CSS to Header
- Create HTML Markup for About Us Section
- Add CSS to About Us Section
- Create HTML Markup for Rooms Section
- Add CSS to Rooms Section
- Create HTML Markup for Customers Section
- Add CSS to Customers Section
- Create HTML Markup for Footer
- Add CSS to Footer
- Make the Project Responsive