← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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