← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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