← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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