← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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