← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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