← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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