← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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