← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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