Cascading Style Sheets (CSS)

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

Illustrative background for CSSIllustrative background for CSS ?? "content

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.
Illustrative background for CSS rulesIllustrative background for CSS rules ?? "content

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.
Illustrative background for AttributesIllustrative background for Attributes ?? "content

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',
Illustrative background for External CSSIllustrative background for External CSS ?? "content

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">
Illustrative background for Embedded CSSIllustrative background for Embedded CSS ?? "content

Embedded CSS

  • Embedded CSS is when CSS is put in <style></style> tags in the <head> part of the HTML code.
Illustrative background for Inline CSSIllustrative background for Inline CSS ?? "content

Inline CSS

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

Jump to other topics

1Components of a Computer

2Software & Software Development

3Exchanging Data

4Data Types, Data Structures & Algorithms

5Legal, Moral, Cultural & Ethical Issues

6Elements of Computational Thinking

6.1Thinking Abstractly

6.2Thinking Ahead

6.3Thinking Procedurally

6.4Thinking Logically

6.5Thinking Concurrently

7Problem Solving & Programming

8Algorithms

Unlock your full potential with Seneca Premium

  • Unlimited access to 10,000+ open-ended exam questions

  • Mini-mock exams based on your study history

  • Unlock 800+ premium courses & e-books

Get started with Seneca Premium