← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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