← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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