← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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