← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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