← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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