← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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