HTMLCSSStudy Notes

Accessibility in Forms

Learn how to build forms usable by everyone, including screen reader users, through proper labels, grouping, and error messaging.

Accessibility in HTML

Learn how to write HTML that works for everyone, including users of screen readers and other assistive technology.

Backgrounds and Borders in CSS

Learn how to style element backgrounds and borders using CSS properties like background-image, border-radius, and box-shadow.

Browser Developer Tools

Use the Elements, Console, Network, and Lighthouse panels in browser DevTools to inspect, debug, and audit web pages.

Colors and Units in CSS

Explore CSS color formats and the absolute and relative units used to size and space elements.

Common HTML Tags

Explore the most frequently used HTML tags for headings, paragraphs, text formatting, and containers.

Cross-Browser Compatibility

Techniques and tools for ensuring HTML and CSS work consistently across different browsers, including vendor prefixes, feature detection, and testing.

The CSS Box Model

Understand how content, padding, border, and margin combine to determine the size and spacing of every element.

CSS Custom Properties (Variables)

Learn how to define and reuse values across a stylesheet using CSS custom properties and the var() function.

Styling Forms with CSS

Learn how to style form elements consistently and provide visual feedback for validation states using CSS.

CSS Frameworks Overview

An overview of popular CSS frameworks like Bootstrap and Tailwind CSS, comparing their approaches, trade-offs, and when to use each.

CSS Grid

A two-dimensional layout system for arranging content into rows and columns using grid-template-columns/rows, gap, and grid-area.

CSS Methodologies: BEM

Understand the BEM (Block, Element, Modifier) naming convention for writing scalable, maintainable, and conflict-free CSS.

CSS Positioning

How the position property (static, relative, absolute, fixed, sticky) controls where elements sit in the document flow.

CSS Preprocessors (Sass/LESS)

Learn how Sass and LESS extend CSS with variables, nesting, mixins, and partials to write more maintainable stylesheets.

CSS Specificity and the Cascade

Learn how the browser decides which CSS rule wins when multiple selectors target the same element.

CSS Syntax and Selectors

Learn how CSS rules are structured and how to target HTML elements using the full range of CSS selectors.

CSS Transitions and Animations

Understand how to animate CSS property changes smoothly using transitions and create complex motion with keyframe animations.

CSS Units for Layout (px, %, rem, em, vh/vw)

How absolute and relative CSS length units differ and when to use px, %, rem, em, and viewport units in layouts.

Flexbox in CSS

A one-dimensional layout model for distributing space and aligning items along a row or column using the flex container/item model.

Forms in HTML

Understand how to build HTML forms with inputs, labels, and buttons to collect and submit user data.

How the Web Works

An explanation of clients, servers, DNS, and HTTP requests that make loading a web page possible.

Common HTML & CSS Interview Questions

A practical rundown of frequently asked HTML and CSS interview questions with clear, technically accurate answers.

HTML, CSS, and JavaScript Overview

A concise comparison of the three pillars of front-end web development and how they work together.