← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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