Master CSS: Understand How To Manipulate CSS Properties

Explore practical css projects covering text properties, icons (font awesome and google icons), gradients, parallax, forms, tables, and advanced selectors to manipulate css properties.

Learn to create responsive layouts using CSS floats, insert content, and embed YouTube videos, building complex layouts from start to finish.

Learn border-box sizing to keep padding and borders from affecting width or height, and create equal one third, one fourth, one fifth, and one sixth layouts with floats, including galleries.

Master CSS animation through projects like a spinning image album and 3d cube, using transform, rotate, and transform-origin. Explore timing functions such as cubic bezier, ease, and step, plus direction.

Explore transition timing functions, including ease, ease in, ease out, and cubic bezier, and master 2D/3D transforms to build flipping pricing plans with linear gradients and font awesome icons.

Explore Visual Studio Code basics, including color themes, keyboard shortcuts, font size, and settings to customize your workflow. Install essential extensions, especially Live Server, to enable live reload during development.

Explore CSS colors, including web colors, hex codes, opacity, and rgb(a) or hsl(a) functions, and learn clean, aligned declarations for best practice.

Learn how color values work in CSS using hex codes, web-safe colors, and opacity; explore the 216 web-safe colors, setting background and text colors, and using opacity for transparency.

Explore using the rgb(a) function to set color and background color in css, with rgb values from 0 to 255 and rgba alpha for opacity.

Learn how to use the HWB color function in CSS, including hue values (0–360), whiteness and blackness (percent), and optional alpha after a forward slash, with spacing and no commas.

Explains font size and font weight, including bold, lighter, and numeric 100–900, plus initial and inherit, font-style, font-variant, and line-height's effect on vertical spacing with practical examples.

Explore how CSS properties inherit from parent elements, distinguish initial browser defaults, and see how unset or on set values can behave like inherits or initial for font and color.

Explore CSS rem units, which multiply the root font size. By default 1 rem is 16 px, and changing the root font size scales all rem measurements.

Explore how viewport length units vw and vh relate to the device viewport, compare them with percentages, and show that vw/vh are independent of the parent element.

Explore CSS viewport length units—vw, vh, vmin, and vmax—and how they size elements relative to width and height.

css teaches how to manipulate text with text-transform and text-align, showing how to apply uppercase, lowercase, capitalize, and inherit values, and align text left, right, center, justify, and last line.

Explore text-shadow and box-shadow in css, including offsets, blur, spread, color, and inset versus outside shadows, with quick notes on matching text decorations like double or dotted.

Learn the CSS text-stroke property to outline text with a width and color, use -webkit prefixes for compatibility, and adjust thickness with examples like 6px.

Master CSS white-space property to control text flow inside containers, comparing normal, wrap, no wrap, pre wrap, pre, pre line, and break spaces for precise overflow handling.

Explore how CSS inheritance cascades styles from parents to children through appearance, and learn to break inheritance by styling specific elements like HTML, body, section, or article.

Master css cascade rule part 2 shows that the next style takes preeminence, cascading left-to-right and top-to-bottom to determine font size, color, and text alignment.

Understand how the CSS cascade selects between inline, internal, and external styling for the same element, with the bottom-most style taking precedence.

Learn how to break the CSS cascade using !important to override bottom-up styles, applying it to font size, color, and text alignment across cascading rules.

Group and combine CSS selectors by using commas to target multiple selectors and by combining a selector with a type, then observe inheritance and specificity effects across elements.

Master grouping and combining CSS selectors by using a parent preselector with a child selector, and learn how inheritance, specificity, and nesting affect font size, color, and layout.

Explore relational selectors to target descendants in CSS, including direct children, grandchildren, and great-grandchildren, by understanding parent-child relationships and nested elements.

Explains end child and nth-child pseudo-classes, including last-child, even/odd patterns, and offsets via n plus b, showing how to target elements by position and by descendant type selectors.

Explore link pseudo-class selectors in CSS, including link, visited, hover, and active states for anchors, and understand class-based styling, text-decoration, and target='_blank'.

Discover how to style forms with enabled and focus pseudo selectors, link labels to inputs, and use place order and checked to control text, color, and shadows.

Explore CSS content property with after and before pseudo elements, including textual selectors like first letter and first line, and style color and font size.

Explore attribute selectors in CSS, focusing on includes and hyphenated selectors, using attribute name and value, case sensitivity, and practical examples with title, class, and type, and contains selectors.