← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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