← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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