← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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