← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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