← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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