← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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