← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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