← What CSS does lesson New set →

CSS Worksheet: What Is CSS

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

Answer key

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

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