User:Vtaylor/CIS89A Learning Web Design/css responsive

From WikiEducator
Jump to: navigation, search

6. CSS Formatting

  • Selectors
  • text font align color background spacing
  • printer friendly

Keywords transition, transformation, animation, filter readability, text style, .PDF, paragraph, line break, quotation block, box, alignment, page layout, column, fluid, layer

more css * page layout * text formatting * include additional font families * use ID selector * demonstrate transitions, transformations, animations and filters * error free coding, css for styling, comments in html and css code


7 , CSS Layout

  • positioning float relative absolute stack overflow
  • box model
  • fluid

Keywords floating, positioning, flexbox, grid, padding, margin, border

css layout * include floating, positioning, flexbox, grid, padding, margin, border, stacking

. CSS effects

  • gradient
  • sprites


8. Responsive

  • flexible grid
  • media queries

Keywords fluid, fixed, flexbox, grid, mobile viewport, template areas, 12-column grid

responsive web design * fluid layout * media queries * scalable image * flexbox * grid layout * desktop layout * mobile layout * head, title, keywords, description * comments in html and css include one or more of the techniques for altering the page display for different devices - smartphone, tablet and desktop CSS reset, normalize.css