← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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