Software Engineering › Learn step by step › Y12 Programming for the Web
Item 264 of 426 · Year 12: Programming for the Web, 30 of 59
Cascading style sheets (CSS)
Term Key terms bank
Jump to a topic
- Exam format, question types and command words (46)
- Year 11: Programming Fundamentals (69)
- Year 11: The Object-Oriented Paradigm (33)
- Year 11: Programming Mechatronics (29)
- Year 12: Secure Software Architecture (57)
- Year 12: Programming for the Web (59)
- Year 12: Software Automation (35)
- Year 12: The Software Engineering Project (47)
- Diagrams and modelling tools (18)
- Python, SQL, pseudocode and CSS patterns (33)
Definition
Style rules that control the appearance of web pages, kept separate from HTML. Benefits: consistent appearance, flexibility across browsers and display devices, and easier maintenance.
Example: One CSS file changes the font on every page.
Found in: syllabus, course specifications, school notes.
Cascading Style Sheets: presentation of web pages.
Where you'll use it in the test
Syllabus area: Y12 Programming for the Web.
Question types it can appear in
- Short answer: Outline benefits of CSS (sample Q16b)
- Code reading: Read CSS and pick the result (2025 Q7, sample Q16a)
- Multiple choice: Pick the option that matches the definition or example.
Where it has appeared in the paper
Programming for the Web (Part A, B). Part letters follow each paper’s own layout.
Related past questions
- 2025 HSC Q7 (1 mark): CSS code fragment Programming for the Web (Part A) · 1 mark
- Sample exam Q16a (1 mark): CSS (id v class) Programming for the Web (Part B) · 1 mark
- Sample exam Q16b (2 marks): CSS benefits Programming for the Web (Part B) · 2 marks
How to use it
A model sentence
“Style rules that control the appearance of web pages, kept separate from HTML.” Then apply it: One CSS file changes the font on every page.
In a short answer, give the definition in your own words first, then tie it to the situation in the question. Do not copy the example above unless it fits the scenario.
Command words used with it
Official worked answer
Sample exam Q16a (1 mark): CSS (id v class) (1 mark): official criteria and sample answer
Criteria
1: Identifies the correct answer.
Sample answer
The id qe_item has not been correctly referenced. (The HTML uses id="qe_item" but the CSS selector is .qe_item, which targets a CLASS. An id selector is #qe_item.)
Go deeper
- Flashcard: Cascading style sheets (CSS) in Programming for the Web (Year 12) · study that set
- Memorise: Web development system: front end, back end, databases
- Key terms bank entry: CSS
- Notes: Investigate cascading style sheets (CSS) and its impact on the design of a web… (Programming for the Web (Year 12))
- Notes: Investigate methods to support and manage the load times of web pages/applications. (Programming for the Web (Year 12))
- Notes: Explore the types and significance of code libraries for front-end web development,… (Programming for the Web (Year 12))
- Full term page: every question, note and marking comment for Cascading style sheets (CSS)
Check yourself
Explain “Cascading style sheets (CSS)” in one sentence, give an example, and name a question type that could test it.
Reveal the answer
Style rules that control the appearance of web pages, kept separate from HTML. Benefits: consistent appearance, flexibility across browsers and display devices, and easier maintenance.
Example: One CSS file changes the font on every page.
Could be tested as: Short answer, Code reading, Multiple choice.
Quick multiple choice
An HTML element has id="intro" and class="note". The CSS has p {color:red;} .note {color:blue;} #intro {color:green;}. What colour is the text?
- Red
- Green
- Black
- Blue
Show the answer
B
Specificity: id selectors beat class selectors, which beat element selectors. So #intro wins.
Source: original (written for this study pack; not a NESA question). Open it in the multiple-choice bank.