← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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