← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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