← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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