← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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