Universal, Type, Class, and ID Selectors Explained
Learn how universal, type, class, and ID selectors work in CSS. Understand specificity scores, why overusing ID selectors breaks your styles, and how to build clean, maintainable CSS.
Learn how universal, type, class, and ID selectors work in CSS. Understand specificity scores, why overusing ID selectors breaks your styles, and how to build clean, maintainable CSS.
Learn which CSS properties inherit by default, how to force inheritance with inherit, block it with initial, and use the all shorthand to write cleaner and more maintainable CSS.
Learn how the CSS cascade works: how origin, specificity, and source order decide which styles apply, how to read specificity scores, when to use !important, and how to predict which CSS rule wins any conflict.
Learn how to write CSS comments that actually help: section separators, browser fix notes, TODO tags, and stylesheet documentation habits your whole team will appreciate.
Learn CSS syntax: break down every part of a CSS rule, understand how selectors, declaration blocks, properties, and values work together, and write CSS with confidence.
Learn the three ways to add CSS: the CSS style attribute, internal CSS with the style tag, and external CSS code. See clear examples, pros and cons, and know exactly which method to use.
Learn how browsers process CSS through the rendering pipeline: HTML parsing, CSSOM construction, render tree, layout, paint, and compositing.
Learn how to make responsive HTML tables that work on any screen. Covers scrollable tables, card-based layouts with data-label, and responsive table examples.
Learn how to use the HTML table caption element to add context, improve accessibility, and build self-documenting tables. Covers styling, aria-describedby, and the deprecated summary attribute.
Learn to merge table cells in HTML using colspan and rowspan, build complex HTML tables, and improve accessibility with the scope and headers attributes, explained with real examples.