← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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