← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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