← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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