← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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