← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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