← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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