3.4.2
CSS & JavaScript
Cascading Style Sheets (CSS)
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.
JavaScript
JavaScript
Javascript is a well-established and versatile scripting language used to add interactivity to a web page.


JavaScript
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.


Uses
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.
1Components of a Computer
1.1Structure & Function of the Processor
1.2Types of Processors
2Software & Software Development
2.1Systems Software
2.2Applications Generation
2.3Software Development
3Exchanging Data
3.1Compression, Encryption & Hashing
3.3Networks
4Data Types, Data Structures & Algorithms
4.1Data Types
5Legal, Moral, Cultural & Ethical Issues
5.1Computing Related Legislation
6Elements of Computational Thinking
6.1Thinking Abstractly
6.2Thinking Procedurally
6.3Thinking Logically
7Problem Solving & Programming
7.1Programming Techniques
7.2Programming Construction
Jump to other topics
1Components of a Computer
1.1Structure & Function of the Processor
1.2Types of Processors
2Software & Software Development
2.1Systems Software
2.2Applications Generation
2.3Software Development
3Exchanging Data
3.1Compression, Encryption & Hashing
3.3Networks
4Data Types, Data Structures & Algorithms
4.1Data Types
5Legal, Moral, Cultural & Ethical Issues
5.1Computing Related Legislation
6Elements of Computational Thinking
6.1Thinking Abstractly
6.2Thinking Procedurally
6.3Thinking Logically
7Problem Solving & Programming
7.1Programming Techniques
7.2Programming Construction

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