← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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