← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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