← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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