← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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