← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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