← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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