CSS (Cascading Style Sheets)

CSS (Cascading Style Sheets)
Name	CSS
Developer	World Wide Web Consortium
Released	1996
Latest release	Level 3 / Level 4 modules

CSS (Cascading Style Sheets) is a style sheet language that describes presentation for World Wide Web Consortium-based user agents such as Mozilla Firefox, Google Chrome, Apple Safari, Microsoft Edge, and Opera (web browser). Initially specified by the World Wide Web Consortium and co-designed by figures associated with Tim Berners-Lee, it decouples content and presentation across platforms used by institutions like The New York Times, BBC, Wikipedia, and Stack Overflow. Implementations interact with standards from bodies such as WHATWG, companies like Microsoft Corporation and Google LLC, and open-source projects including WebKit, Blink, and Gecko (software).

Overview

CSS operates alongside languages such as HTML5, XML, SVG, and XHTML to control layout, color, typography, and responsive behavior across devices associated with manufacturers like Apple Inc., Samsung Electronics, and Dell Technologies. Major adopters include Amazon (company), Netflix, Facebook, and GitHub which rely on CSS features standardized by the World Wide Web Consortium and influenced by working groups involving representatives from Adobe Inc., IBM, and Mozilla Foundation. The model supports cascading rules, inheritance, and specificity mechanisms that integrate with tools and frameworks like Bootstrap (front-end framework), Foundation (framework), Tailwind CSS, and preprocessors such as Sass (stylesheet language), LESS (stylesheet language), and Stylus (CSS preprocessor).

Syntax and Core Concepts

The syntax uses rule sets consisting of selectors and declaration blocks similar to grammars used in specifications from IETF and design patterns adopted by projects like React (JavaScript library), AngularJS, Vue.js, and jQuery. Core concepts include selectors, properties, values, and units such as those standardized by ISO/IEC and adopted in implementations by Apple Inc. and Google LLC. Cascading behavior was formalized by the World Wide Web Consortium and relates to priorities used in systems from Apache Software Foundation and Nginx, while concepts like inheritance connect to models in Unicode Consortium recommendations for text rendering used by Microsoft Corporation.

Selectors and Specificity

Selectors range from simple type selectors to complex combinators and pseudo-classes that mirror patterns in grammars used in ECMAScript engines like V8 (JavaScript engine), SpiderMonkey, and JavaScriptCore. Specificity calculation is a deterministic process defined by the World Wide Web Consortium and implemented in browsers such as Mozilla Firefox and Google Chrome, with tooling support from projects like PostCSS and linters maintained by organizations such as OpenJS Foundation. Pseudo-elements and advanced selectors intersect with features employed in web applications by Twitter, LinkedIn, Instagram, and enterprise platforms like Salesforce.

Box Model and Layout

The box model—content, padding, border, margin—underpins layout engines in WebKit, Blink, and Gecko (software), and it interacts with layout methods such as flexbox and grid inspired by research from institutions like MIT and Stanford University. Grid layout and flexbox modules, standardized by the World Wide Web Consortium, are used in responsive designs for devices by Apple Inc., Google LLC, and Samsung Electronics and in frameworks like Bootstrap (front-end framework) and Foundation (framework). Layout calculations affect rendering pipelines in operating systems such as Windows, macOS, and Android (operating system).

Styling Techniques and Features

Advanced features include animations, transitions, transforms, variables (custom properties), and media queries that enable responsive rules for breakpoints used by companies like Google LLC and Apple Inc.. Techniques intersect with tooling ecosystems such as Webpack, Rollup, and Parcel (bundler), and with methodologies like BEM (methodology) and OOCSS promoted by agencies including Frog Design and consultancies like Accenture. Typography features connect to standards and foundries like Monotype Imaging and Adobe Fonts, while color management follows specifications influenced by International Color Consortium.

Browser Support and Compatibility

Compatibility is driven by vendor implementations from Microsoft Corporation, Google LLC, Apple Inc., and the Mozilla Foundation; compatibility testing is coordinated through services and projects such as Can I use, MDN Web Docs, and continuous integration platforms like Travis CI and GitHub Actions. Differences in feature support have historically caused vendor prefixing practices involving companies such as Microsoft Corporation and Apple Inc. and led to polyfills used by projects maintained by Google LLC and open-source communities on GitHub.

History and Evolution

The language was first proposed in the mid-1990s alongside work by people associated with Tim Berners-Lee and organizations including World Wide Web Consortium, with early implementations in browsers from Netscape Communications Corporation and Microsoft Corporation. Subsequent module-based evolution was guided by the World Wide Web Consortium and influenced by contributors from Mozilla Foundation, Google LLC, and Apple Inc., leading to Level 2 and Level 3 specifications and ongoing Level 4 module development used in modern platforms developed by Canonical (company), Red Hat, and cloud providers like Amazon Web Services. Major conferences and events that fostered development include W3C Technical Plenary, Chrome Dev Summit, Mozilla Festival, and Google I/O.

Category:Web development