← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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