← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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