liveBook · Manning

CSS

As explained in A Pythonic Adventure: From Python basics to a working web app

CSS is a stylesheet language that specifies the presentation of HTML elements, including colors, fonts, sizes, and backgrounds.

CSS is a plain-text stylesheet language for controlling how HTML elements look. It can set colors, font sizes, fonts, and backgrounds while keeping presentation separate from HTML content. section 13.0

Imagine giving a coffee shop homepage a warmer welcome. A CSS rule such as `body { background-color: #e8d9b7; }` changes the page background in one place. Several stylesheets can also be combined, with later rules changing selected details. section 13.0

A small coffee shop stylesheet can:

  • Give headings a shared font with `h1, h2, h3, h4, h5, h6 { font-family: 'Playfair Display', serif; }`. section 13.0
  • Change form colors with a selector such as `input[type="text"], select`. section 13.0
  • Reuse existing stylesheets, then add project-specific changes in `coffeeshop.css`. section 13.0
Listing 13.2 static/css/coffeeshop.css: Add font to CSS
h1 {font-family: 'Playfair Display', serif;}

View a compact CSS rule that assigns a display font to a heading. section 13.0

How A Pythonic Adventure: From Python basics to a working web app covers it

How deep it goes
Explains stylesheet purpose, separation, combining rules, and basic selectors, but stops short of deeper CSS mechanics.
Examples
Demonstrates heading fonts, page backgrounds, form colors, linked stylesheets, and a coffee shop homepage.
What it assumes
Assumes basic HTML familiarity and teaches CSS terminology and stylesheet separation from the beginning.
What you can do after
Apply it by editing linked CSS files to personalize an HTML coffee shop page.
How it connects
Connects CSS with HTML, fonts, stylesheets, and reusable functions as an analogy for defining presentation once.
Cover of A Pythonic Adventure: From Python basics to a working web app
liveBookmanning.com
Read A Pythonic Adventure: From Python basics to a working web app on liveBook Get the book at manning.com

Also explained in

Compare how 13 books explain CSS →

Related concepts

This explainer was generated by Manning's knowledge graph from the text of A Pythonic Adventure: From Python basics to a working web app. The section links point to the parts of the book it draws on.