← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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