← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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