← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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