← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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