← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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