← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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