CSS

Basic concepts of stylesheet

how to use CSS with HTML

• Inline : high priority
• Internal :
• External : Recommended approach

CSS Colors

• Option 1 : color name
• Option 2 : hex code (#RRGGBB) range 00 to ff
• Option 3 : RGB range of decimal no. 0 to 255

CSS Selectors

• type-1 : element selector
• type-2 : id selector
• type-3 : class selector
• type-4 : element group selector
• type-5 : descendant selector using '>' (direct child) , '~' (general sibling), '+' (Adjacent sibling)
• type-6 : pseudo class
• type-7 : attribute selector
• type-8 : universal selector

CSS width & height

• Option 1: height & width property
• Option 2: minHeight & maxHeight , minWidth & maxWidth

CSS margin & padding

• Option 1: short hand only one unit
• Option 2: top bottom
• Option 3: top right bottom
• Option 4: top right bottom left

CSS Display

• Option 1: display:none
• Option 2: display:block
• Option 3: display:inline
• Option 4: display:flex
• Option 4: visibility:visible
• Option 5: visibility:Hidden

CSS float

• Option 1: right
• Option 2: left