← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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