← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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