← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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