← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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