← What CSS does lesson New set →

CSS Worksheet: What Is CSS

HTML and CSS lesson 11: What CSS does · Set 410 · 40 questions
TalentJR

Code tip (Build, style, act): HTML = structure (headings, lists, links); CSS = style (colours, fonts, spacing, layout); JavaScript = actions. CSS can go in a style="…" attribute, a <style> tag in the head, or a .css file. Link a file with <link rel="stylesheet" href="style.css"> in the head.

NameDateTime takenScore ___ / 40
  1. 1.🔍 Which is the odd one out? (a) reacts to a button click (b) adds space around boxes (c) lays out the page (d) changes the text size
  2. 2.🔍 Which is the odd one out? (a) counts down a timer (b) puts a picture on a page (c) reacts to a button click (d) changes the page live
  3. 3.🎨 What does CSS stand for? (a) Colourful Site Styles (b) Creative Sheet System (c) Computer Style Sheets (d) Cascading Style Sheets
  4. 4.🧩 Which language shows a pop-up message? (a) JavaScript (b) HTML (c) CSS
  5. 5.Which of these does CSS do? (a) makes a link (b) reacts to a button click (c) checks a quiz answer (d) lays out the page
  6. 6.Which of these does HTML do? (a) adds space around boxes (b) sets colours and fonts (c) checks a quiz answer (d) makes a form box
  7. 7.🎨 A CSS file usually ends with which extension? (a) .png (b) .html (c) .css (d) .js
  8. 8.True or false: CSS changes the page live. (a) True (b) False
  9. 9.True or false: HTML makes a form box. (a) False (b) True
  10. 10.True or false: JavaScript changes the page live. (a) False (b) True
  11. 11.Which of these does JavaScript do? (a) checks a quiz answer (b) makes a form box (c) lays out the page (d) changes the text size
  12. 12.🧩 Which language adds space around boxes? (a) HTML (b) CSS (c) JavaScript
  13. 13.🎨 Which tag holds CSS inside the head? (a) <script> (b) <body> (c) <css> (d) <style>
  14. 14.True or false: HTML makes headings and lists. (a) True (b) False
  15. 15.🧩 Which language sets colours and fonts? (a) HTML (b) CSS (c) JavaScript
  16. 16.🎨 Which tag connects an outside CSS file? (a) <a> (b) <img> (c) <css> (d) <link>
  17. 17.🎨 One CSS file can style how many pages? (a) no pages (b) only one image (c) many pages (d) only one word
  18. 18.🔍 Which is the odd one out? (a) puts a picture on a page (b) makes a link (c) sets colours and fonts (d) makes a form box
  19. 19.Which of these does CSS do? (a) makes a link (b) changes the page live (c) checks a quiz answer (d) changes the text size
  20. 20.🧩 Which language reacts to a button click? (a) HTML (b) CSS (c) JavaScript
  21. 21.True or false: HTML gives the page structure. (a) True (b) False
  22. 22.🧩 Which language gives the page structure? (a) HTML (b) CSS (c) JavaScript
  23. 23.🔍 Which is the odd one out? (a) adds space around boxes (b) gives the page structure (c) puts a picture on a page (d) makes headings and lists
  24. 24.🔍 Which is the odd one out? (a) makes a link (b) makes headings and lists (c) makes a form box (d) changes the page live
  25. 25.Which of these does CSS do? (a) puts a picture on a page (b) checks a quiz answer (c) gives the page structure (d) adds space around boxes
  26. 26.Which of these does HTML do? (a) sets colours and fonts (b) changes the page live (c) puts a picture on a page (d) adds space around boxes
  27. 27.🧩 Which language changes the text size? (a) JavaScript (b) CSS (c) HTML
  28. 28.🔍 Which is the odd one out? (a) sets colours and fonts (b) gives the page structure (c) adds space around boxes (d) changes the text size
  29. 29.🧩 Which language makes a form box? (a) CSS (b) HTML (c) JavaScript
  30. 30.🔍 Which is the odd one out? (a) changes the page live (b) checks a quiz answer (c) reacts to a button click (d) lays out the page
  31. 31.🧩 Which language puts a picture on a page? (a) CSS (b) HTML (c) JavaScript
  32. 32.True or false: HTML changes the text size. (a) True (b) False
  33. 33.🧩 Which language checks a quiz answer? (a) CSS (b) HTML (c) JavaScript
  34. 34.🧩 Which language lays out the page? (a) CSS (b) HTML (c) JavaScript
  35. 35.True or false: HTML checks a quiz answer. (a) False (b) True
  36. 36.🔍 Which is the odd one out? (a) makes headings and lists (b) reacts to a button click (c) shows a pop-up message (d) counts down a timer
  37. 37.Which of these does JavaScript do? (a) makes headings and lists (b) changes the page live (c) rounds box corners (d) puts a picture on a page
  38. 38.🔍 Which is the odd one out? (a) changes the text size (b) rounds box corners (c) makes a link (d) adds space around boxes
  39. 39.🔍 Which is the odd one out? (a) rounds box corners (b) checks a quiz answer (c) changes the text size (d) sets colours and fonts
  40. 40.Which of these does CSS do? (a) sets colours and fonts (b) shows a pop-up message (c) counts down a timer (d) makes a form box

Answer key

  1. reacts to a button click
  2. puts a picture on a page
  3. Cascading Style Sheets
  4. JavaScript
  5. lays out the page
  6. makes a form box
  7. .css
  8. False
  9. True
  10. True
  11. checks a quiz answer
  12. CSS
  13. <style>
  14. True
  15. CSS
  16. <link>
  17. many pages
  18. sets colours and fonts
  19. changes the text size
  20. JavaScript
  21. True
  22. HTML
  23. adds space around boxes
  24. changes the page live
  25. adds space around boxes
  26. puts a picture on a page
  27. CSS
  28. gives the page structure
  29. HTML
  30. lays out the page
  31. HTML
  32. False
  33. JavaScript
  34. CSS
  35. False
  36. makes headings and lists
  37. changes the page live
  38. makes a link
  39. checks a quiz answer
  40. sets colours and fonts

Free html and css lessons, practice and worksheets at talentjr.in/html-css-for-kids