← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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