← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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