← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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