PLDB
Languages Features Calendar About Lists Add Language
GitHub icon

CSS

CSS

CSS, aka Cascading Style Sheets, is a stylesheet language created in 1996 by Håkon Wium Lie.

Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language. Although most often used to set the visual style of web pages and user interfaces written in HTML and XHTML, the language can be applied to any XML document, including plain XML, SVG and XUL, and is applicable to rendering in speech, or on other media. Along with HTML and JavaScript, CSS is a cornerstone technology used by most websites to create visually engaging webpages, user interfaces for web applications, and user interfaces for many mobile applications. Read more on Wikipedia...

Try now: Web

#24on PLDB 26Years Old 2.9mUsers

Example code from hello-world:

body::before { content: "Hello World"; }

Example code from the Hello World Collection:

/* Hello World in CSS */ body:before { content: "Hello World"; }

Example code from Linguist:

/*! * Bootstrap v2.3.1 * * Copyright 2012 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat. */ .clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;} .clearfix:after{clear:both;} .hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;} .input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;} audio,canvas,video{display:inline-block;*display:inline;*zoom:1;} audio:not([controls]){display:none;} html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;} a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;} a:hover,a:active{outline:0;} sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;} sup{top:-0.5em;} sub{bottom:-0.25em;} img{max-width:100%;width:auto\9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;} #map_canvas img,.google-maps img{max-width:none;} button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;} button,input{*overflow:visible;line-height:normal;} button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;} button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;} label,select,button,input[type="button"],input[type="reset"],input[type="submit"],input[type="radio"],input[type="checkbox"]{cursor:pointer;} input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield;} input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;} textarea{overflow:

Example code from Wikipedia:

body { overflow: hidden; background: #000000; }

Language features

Feature Supported Example Token
Strings
"Hello world"
"
MultiLine Comments
/* A comment
*/
/* */
Comments
/* This is a single-line comment */ p { color: red; }
File Imports
@import 'custom.css';
Semantic Indentation ϴ
Line Comments ϴ
Functions ϴ
Disk Output ϴ

Trending CSS repos on GitHub

repo stars description
slack-dark-mode 425 Slack Dark Mode for macOS Desktop
HELK 1743 The Hunting ELK
TypeScript-Node-Starter 5908 A starter template for TypeScript and Node with a detailed README describing how to use the two together.
SocialFish 1216 Educational Phishing Tool & Information Collector
advanced-css-course 1413 "Starter files final projects and FAQ for my Advanced CSS course"
normalize.css 36137 A modern alternative to CSS resets
Mojave-gtk-theme 352 "Mojave is a macos Mojave like theme for GTK 3 GTK 2 and Gnome-Shell"
my-mac-os 15117 List of applications and tools that make my macOS experience even more amazing
bulma 36439 Modern CSS framework based on Flexbox
cheatsheets 7217 My cheatsheets
awesome-css-frameworks 2026 List of awesome CSS frameworks
just-the-docs 847 "A modern high customizable responsive Jekyll theme for documention with built-in search."
tailwindcss 14288 A utility-first CSS framework for rapid UI development.
GitHub-Dark 5847 Dark GitHub style
nerd-fonts 16392 "Iconic font aggregator collection & patcher. 3 600+ icons 40+ patched fonts: Hack Source Code Pro more. Glyph collections: Font Awesome Material Design Icons Octicons & more"
startbootstrap-sb-admin 2234 "A free open source Bootstrap admin theme created by Start Bootstrap"
mvvm 3821 剖析vue实现原理,自己动手实现mvvm
Cnblogs-Theme-SimpleMemory 300 🍭 Cnblogs theme / Basic theme : SimpleMemory
uikit 14876 A lightweight and modular front-end framework for developing fast and powerful web interfaces
startbootstrap-sb-admin-2 7083 "A free open source Bootstrap admin theme created by Start Bootstrap"
hexo-theme-next 3901 Elegant and powerful theme for Hexo.
azuredevopslabs 200 "Learn how you can plan smartly collaborate better and ship faster with a set of modern development services with Azure DevOps."
weui.js 2546 A lightweight javascript library for WeUI.
animate.css 61860 🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.
jekyll-TeXt-theme 833 "💎 🐳 A super customizable Jekyll theme for personal site team site blog project documentation etc."

Books about CSS on goodreads

title author year reviews ratings rating
HTML, XHTML & CSS for Dummies Ed Tittel 2008 14 109 3.55

Article source

PLDB - Build the next great programming language. v5.0.0 - Acknowledgements · Email · GitHub