← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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