← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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