← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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