← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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