← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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