3.4.2

CSS & JavaScript

Test yourself

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.

JavaScript

Javascript is a well-established and versatile scripting language used to add interactivity to a web page.

Illustrative background for JavaScriptIllustrative background for JavaScript ?? "content

JavaScript

  • JavaScript is a ‘client-side’ scripting language.
  • This means it is run on the user’s computer, rather than on the webserver.
  • The code is interpreted rather than compiled, meaning it can run on any type of computer or web browser.
  • With client-side processing, actions can be completed without having to connect to the webserver.
  • This makes actions quicker and more efficient.
Illustrative background for UsesIllustrative background for Uses ?? "content

Uses

  • JavaScript can be used to create an expanding navigation menu or change the colour of a button when the mouse hovers over it, for example.
  • JavaScript can also be used to make in-browser games and interactive art.

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 Procedurally

6.3Thinking Logically

7Problem Solving & Programming

8Algorithms

Go student ad image

Unlock your full potential with GoStudent tutoring

  • Affordable 1:1 tutoring from the comfort of your home

  • Tutors are matched to your specific learning needs

  • 30+ school subjects covered

Book a free trial lesson