← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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