← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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