← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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