← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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