← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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