Seneca
Sign up

CSS

Computer Science: OCR A Level, topic 3.4.2

Cascading Style Sheets (CSS)

CSS is one of the main languages used in the creation of web pages, alongside HTML and Javascript.

CSS

CSS

  • CSS stands for cascading style sheets.
  • CSS describes how a web page written in HTML should look, in terms of style and formatting.
  • CSS can be written once and applied throughout a website.
  • This makes designing a webpage more efficient, especially when making changes.
CSS rules

CSS rules

  • CSS rules are made up of selectors and declarations:
  • Selectors identify the component of HTML that requires formatting.
  • Declarations describe how the component should look.
Attributes

Attributes

  • There are many different attributes you can change with CSS. For example:
  • background-color.
  • border-color.
  • border-style.
  • border-width.
  • color (named and hex colours).
  • font-family.
  • font-size.
  • height.
  • width.
  • Note the American spelling of 'color',
External CSS

External CSS

  • External CSS is when the HTML and CSS code exist as separate, but linked files.
  • This is the most common way to use CSS.
  • To link a CSS file into an HTML file, we use the following syntax:
  • "stylesheet" type"text/css" href="style.css">
Embedded CSS

Embedded CSS

  • Embedded CSS is when CSS is put in <style></style> tags in the <head> part of the HTML code.
Inline CSS

Inline CSS

  • Inline CSS is when CSS is put directly in the <body> of the HTML.
  • This is ideal for solitary adjustments of formatting.

Test yourself on CSS

  • What does CSS stand for?

  • In which part of the HTML is embedded CSS written?

Practise this topic for free