← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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