Learn CSS Basics

Explore CSS basics, learn that a cascading style sheet styles web page content by applying selectors, declaration blocks, and properties like color and font size, and design responsive layouts.

Learn how to apply inline css by writing styles in the style attribute directly within html tags, overriding browser defaults for color and font weight.

Learn how to write internal CSS by placing a style block in the head, using a selector to target elements, and applying rules like color and font weight to text.

Learn how to write comments in CSS using the /* ... */ syntax, including single-line and multilayered comment examples, and place comments inside the style to avoid breaking CSS.

Create a css file named style.css, and link it to your page with a link tag using type text/css and media=screen, then test in the browser to confirm resources load.

Explore how to write CSS selectors, understand selector types, declarations, properties, and values, and see live examples of applying styles like color and bold text.

Learn the CSS class selector by prefixing names with a dot, applying the class to elements, and comparing it to a type selector with styles like green borders and italics.

Explore how to define and apply CSS id selectors and class selectors, including the hash symbol, and learn the key differences: unique IDs versus reusable classes.

Learn how to use the CSS child selector to apply styles only to elements inside a specific parent, using the parent > child syntax, with concrete color examples.

Discover how to apply colors with rgb, hex, and named colors, and style text using font family, size, weight, transform, decoration, spacing, and shadows.

Learn how to create and layout boxes with CSS, mastering box size, borders, margins, padding, and how to position elements to build header, footer, and sidebar layouts.

Learn CSS basics by exploring how to float boxes and images, apply margins and padding, and build horizontal and vertical menus with clear fixes and display techniques.

Learn to build a complete web page layout with css, including header, content, footer, and left and right sidebars, using floats, display, margins, borders, and boxes within a 940px width.