← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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