← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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