← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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