← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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