← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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