← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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