← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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