← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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