← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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