← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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