Everything about CSS box model
Model used for styling websites
In web development, the CSS box model refers to how HTML elements are modeled in browser engines and how the dimensions of those HTML elements are derived from CSS properties. It is a fundamental concept for the composition of HTML webpages. The guidelines of the box model are described by web standards World Wide Web Consortium (W3C) specifically the CSS Working Group. For much of the late-1990s and early 2000s there had been non-standard compliant implementations of the box model in mainstream browsers. With the advent of CSS2 in 1998, which introduced the box-sizing property, the problem had mostly been resolved. Wikipedia →
🧭 Start here: a 6-step reading path
- Read the overview: CSS box modelA 5-minute orientation
- Skim a recent paper: Interpreting Black-Box Models: A Review on Explainable Artificial IntelligenceInfluential work since 2022
- Pick up a classic book: JavaScriptThe most-reprinted book on the subject
- Read the landmark paper: Stop explaining black box machine learning models for high stakes decisions and use interpretable models insteadCited 10,114 times
- Go sideways: Quirks modeA closely related topic
- Go sideways: CSSA closely related topic
📖 Definitions
No dictionary entry for this exact phrase.
🗂️ The subject at a glance
🏆 Landmark papers (most cited)
🆕 Influential since 2022
Interpreting Black-Box Models: A Review on Explainable Artificial Intelligence
Grey-box model for model predictive control of buildings
Transferring Black-Box Decision Making to a White-Box Model
Atmospherically Relevant Chemistry and Aerosol box model – ARCA box (version 1.2)
Black Box Variational Bayesian Model Averaging
📚 Books worth reading
JavaScriptDavid Flanagan · 1996
The web application hacker's handbookDafydd Stuttard, Marcus Pinto · 2007
Learning PHP, MySQL & JavaScriptRobin Nixon · 2009- 📕Padding, Borders, Outlines, and Margins in CSSEric A. Meyer · 2015
CSS for beginnersAndy Williams · 2013- 📕Beginning CSS3David Powers · 2012
Murach's HTML, XHTML, and CSSAnne Boehm · 2010
HTML & XHTML demystifiedLee Cottrell · 2011
Ranked by number of editions on Open Library, a rough measure of how lasting a book is.
🔗 Related topics
- Quirks mode In computing, quirks mode is an approach used by web browsers to maintain backward compatibility with web pages designed for old web browsers, instead…
- CSS Cascading Style Sheets (CSS) is a style sheet language used for specifying the presentation and styling of a document written in a markup language, such…
- Acid2 Acid2 is a webpage that tests web browsers' functionality in displaying aspects of HTML markup, CSS 2.1 styling, PNG images, and data URIs. The test page…
- HTML Hypertext Markup Language (HTML) is the standard markup language for documents designed to be displayed in a web browser. It defines the content and structure…
- Web typography Web typography, like typography generally, is the design of pages – their layout and typeface choices. Unlike traditional print-based typography (where…
- HTML element An HTML element is a type of HTML (HyperText Markup Language) document component, one of several types of HTML nodes (some common node types include document…
- Vector Markup Language Vector Markup Language (VML) is an obsolete XML-based file format for two-dimensional vector graphics. It was specified in Part 4 of the Office Open XML…
- SVG animation Animation of Scalable Vector Graphics, an open XML-based standard vector graphics format is possible through various means: Scripting: ECMAScript is a…