← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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