← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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