Programs for Learning to Code

Programs on learning subjects and specializations - always know what you have to learn.


Sea Cat Wizard
Dec 14, 2021 18:24:21
CSS3. Full program

This program covers all the topics you need to know to use CSS and CSS3 professionally.

Topics that are not covered: HTML, JavaScript.

  1. What are styles and why use them. CSS syntax. Applying CSS to HTML: DOM. Using CSS: via external files, internal and inline CSS. Errors in CSS and unknown rules. CSS specifications. Comments in CSS. 
  2. Browsers support. Using the browsers' debugging tools for exploring and debugging CSS.
  3. Selectors: by tag, class, id, type, attribute. Grouping selectors. Combining selectors: nested, child, siblings.
  4. Cascading and inheritance. Resolving conflicts.
  5. Pseudo classes and pseudo elements. At-rules: @charset, @media, @viewport and others.
  6. Values: numbers, percentage, length, colors and color models, calculated values (calc, url, rgb), text values. Units: relative and absolute.
  7. The box model. Display rule. Borders and border radius, margins, pagings. Collapsing margins. Box sizing. Sizing items, min and max values. Overflowing.
  8. Background. Colors, images, gradients. Background position, sizing and repeat.
  9. Styling images and videos: replaced elements. Filters.
  10. Styling text. Writing mode. Font family, size. Line height. Letter and word spacing. Text styles and decoration.
  11. CSS layout: grid, flexbox, float, table. Coordinate system. Positioning: absolute and relative. Static, sticky, fixed positioning. Z-index.
  12. CSS layout (continued). Flexbox model: columns and rows, direction, wrapping. Sizing and alignment. Ordering. Nested flex boxes.
  13. CSS layout (continued). Grid model. Flexible grids. Gaps. Repeat and minmax. Grid template areas.
  14. CSS layout (continued). Column layout. Column styles. Spanning and fragmentation.
  15. CSS layout (continued). Floats. Clearing floats. Wrapping. Flow root.
  16. Responsive design: what is the problem. Viewport. Responsive typography, images. Modern approaches: flexbox, CSS grid, multicolumn design.
  17. Responsive design(continued). Media queries. Types and rules (sizes, orientation. Logical combining conditions: and, or, not clauses. Breakpoints.
  18. Using CSS: Styling images, links, tables, forms, lists.
  19. Transforms. Rotating, scaling, sewing. 3D transformations. Transitions. Animations.
Please login to leave a comment.