← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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