← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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