What is CSS?

CSS is the stylesheet language used to control the presentation of HTML: colors, text, spacing, and layout.

What you will learn

• How CSS and HTML divide responsibilities
• How selectors choose elements
• How properties and values change appearance
• How Flexbox and Grid help with layout

HTML and CSS work together

HTML describes what the content means. CSS describes how that content should look. Keeping structure and presentation separate makes a page easier to maintain and adapt to different screen sizes.

Minimal example

p {
  color: #245;
  line-height: 1.8;
}

This rule selects every paragraph and changes its text color and line spacing.

Next steps

• Selectors (Japanese)
• The box model (Japanese)
• Flexbox and Grid (Japanese)