← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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