← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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