← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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