← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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