← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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