Web pages are built with HTML, which specifies the content of a page. CSS (Cascading Style Sheets) is a separate language which specifies a page’s appearance.
CSS code is made of static rules. Each rule takes one or more selectors and gives specific values to a number of visual properties. Those properties are then applied to the page elements indicated by the selectors.
Here’s our recommended books to learn CSS.
1. CSS Animation 101 by Donovan Hutchinson
This book gives you a light introduction to the topic, combining theory with practical lessons.
You’ll learn how, and why to use animation on your web pages and hopefully be inspired to try it on your own projects.
After reading the book you should have a sound understanding of CSS animations as well as the tools to create and experiment.
Create your own working environment and look at many examples of animation along the way.
2. SMACSS by Jonathan Snook
This useful book covers a number of topics related to CSS architecture.
- Categorizing CSS Rules.
- Base Rules.
- Layout Rules.
- Module Rules.
- State Rules.
- Theme Rules.
- Changing State.
- Aspects of SMACSS:
- Depth of Applicability.
- Selector Performance.
- HTML5 and SMACSS.
- Drop the Base.
- The Icon Module.
- Complicated Inheritance.
- Screencast: Applying the Principles.
- Screencast: Avoiding Content-specific Context.
3. Essential CSS by various authors
Essential CSS is written to provide clear and concise explanation of topics for both beginner and advanced programmers.
Most examples are linked to online playground that allows you to change the code and re-run it.
The content is based on now abandoned StackOverflow Documentation project. It has been heavily edited and improved.
4. Google HTML/CSS Style Guide
Google HTML/CSS Style Guide defines formatting and style rules for HTML and CSS.
It aims at improving collaboration, code quality, and enabling supporting infrastructure. It applies to raw, working files that use HTML and CSS, including GSS files.
Tools are free to obfuscate, minify, and compile as long as the general code quality is maintained.
5. CSS3 Succinctly by Peter Shaw
CSS3 Succinctly begins with a basic CSS refresher.
- New Selectors.
- New Pseudo Selectors.
- Eye Candy.
- Web Fonts.
- Generated Content and Calculations.
- The Mixed Bag of Tricks.
All books in this series:
|Free Programming Books|
|Java||General-purpose, concurrent, class-based, object-oriented, high-level language|
|C||General-purpose, procedural, portable, high-level language|
|Python||General-purpose, structured, powerful language|
|C++||General-purpose, portable, free-form, multi-paradigm language|
|C#||Combines the power and flexibility of C++ with the simplicity of Visual Basic|
|PHP||PHP has been at the helm of the web for many years|
|HTML||HyperText Markup Language|
|SQL||Access and manipulate data held in a relational database management system|
|Ruby||General purpose, scripting, structured, flexible, fully object-oriented language|
|Assembly||As close to writing machine code without writing in pure hexadecimal|
|Swift||Powerful and intuitive general-purpose programming language|
|Groovy||Powerful, optionally typed and dynamic language|
|Go||Compiled, statically typed programming language|
|Pascal||Imperative and procedural language designed in the late 1960s|
|Perl||High-level, general-purpose, interpreted, scripting, dynamic language|
|R||De facto standard among statisticians and data analysts|
|COBOL||Common Business-Oriented Language|
|Scala||Modern, object-functional, multi-paradigm, Java-based language|
|Fortran||The first high-level language, using the first compiler|
|Scratch||Visual programming language designed for 8-16 year-old children|
|Lua||Designed as an embeddable scripting language|
|Logo||Dialect of Lisp that features interactivity, modularity, extensibility|
|Rust||Ideal for systems, embedded, and other performance critical code|
|Lisp||Unique features - excellent to study programming constructs|
|Ada||ALGOL-like programming language, extended from Pascal and other languages|
|Haskell||Standardized, general-purpose, polymorphically, statically typed language|
|Scheme||A general-purpose, functional language descended from Lisp and Algol|
|Prolog||A general purpose, declarative, logic programming language|
|Forth||Imperative stack-based programming language|
|Clojure||Dialect of the Lisp programming language|
|Julia||High-level, high-performance language for technical computing|
|Awk||Versatile language designed for pattern scanning and processing language|
|BASIC||Beginner’s All-purpose Symbolic Instruction Code|
|Erlang||General-purpose, concurrent, declarative, functional language|
|VimL||Powerful scripting language of the Vim editor|
|OCaml||The main implementation of the Caml language|
|ECMAScript||Best known as the language embedded in web browsers|
|Bash||Shell and command language; popular both as a shell and a scripting language|
|LaTeX||Professional document preparation system and document markup language|
|TeX||Markup and programming language - create professional quality typeset text|
|Arduino||Inexpensive, flexible, open source microcontroller platform|
|Elixir||Relatively new functional language running on the Erlang virtual machine|
|F#||Uses functional, imperative, and object-oriented programming methods|
|Tcl||Dynamic language based on concepts of Lisp, C, and Unix shells|
|Factor||Dynamic stack-based programming language|
|Eiffel||Object-oriented language designed by Bertrand Meyer|
|Agda||Dependently typed functional language based on intuitionistic Type Theory|
|Icon||Wide variety of features for processing and presenting symbolic data|
|XML||Rules for defining semantic tags describing structure ad meaning|
|Vala||Object-oriented language, syntactically similar to C#|
|Standard ML||General-purpose functional language characterized as "Lisp with types"|
|D||General-purpose systems programming language with a C-like syntax|
|Dart||Client-optimized language for fast apps on multiple platforms|
|Markdown||Plain text formatting syntax designed to be easy-to-read and easy-to-write|
|Kotlin||More modern version of Java|
|Objective-C||Object-oriented language that adds Smalltalk-style messaging to C|
|VHDL||Hardware description language used in electronic design automation|
|J||Array programming language based primarily on APL|
|LabVIEW||Designed to enable domain experts to build power systems quickly|
|PostScript||Interpreted, stack-based and Turing complete language|
|Raku||Member of the Perl family of programming languages|
|Dylan||Multi-paradigm language supporting functional and object-oriented coding|
|Coq||Dependently typed language similar to Agda, Idris, F* and others|
|CSS||CSS (Cascading Style Sheets) specifies a web page’s appearance|
|Racket||General-purpose, object-oriented, multi-paradigm, functional language|