← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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