← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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