← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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