← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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