← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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