← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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