← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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