← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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