← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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