← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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