← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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