Home > 9th Grade Science > Quizzes > 9th Grade Web Design
9th Grade Web Design
Fast practice, instant feedback. Timer auto-submits when time’s up.
Avg score: 0% • Most missed: “What is a graphic file format used to create very compact bitmapped files?”
9th Grade Web Design
Time left 00:00
25 Questions

1. Adding the _____ property allows you to position an element without any regard to the boundaries of the browsers.

2. HTML: Write a two word paragraph element with the a class called 'people'.

3. CSS property values can be two words (separated by a space).

4. What is an example of an RGB value?

5. What is a network of networks that connects millions of computers around the world?

6. CSS: What is: p.monkeys {color: MintCream; }

7. What is the value '_top' used for?

8. CSS: What is: p.monkeys

9. CSS treats every element as if it lives inside a ____.

10. What is the purpose of the element?

11. Explain the difference between an in-line and a block element.

12. CSS: Font 200% larger than the original.

13. What is the tag for an ordered list?

14. It is possible for a web page to be written ONLY using a CSS document.

15. What is an example of a hexadecimal?

16. Capitalizing HTML elements affects how it is displayed.

17. Font size is changed using HTML.

18. The organization of HTML attribute affects how it is displayed.

19. What does CSS mean?

20. Where would I place the element?</div><label style="display:block; padding:10px 12px; margin:8px 0; border:1px solid #eee; border-radius:10px; background:#fff; box-shadow:0 1px 2px rgba(16,24,40,.04); cursor:pointer; font-size:16px; line-height:1.6; font-weight:400"><input type='radio' name='question_20' value='1306343-130634300001' style="transform:scale(1.15); margin-right:10px; vertical-align:middle"><span style="word-wrap:break-word;">false</span></label><label style="display:block; padding:10px 12px; margin:8px 0; border:1px solid #eee; border-radius:10px; background:#fff; box-shadow:0 1px 2px rgba(16,24,40,.04); cursor:pointer; font-size:16px; line-height:1.6; font-weight:400"><input type='radio' name='question_20' value='1306343-130634300002' style="transform:scale(1.15); margin-right:10px; vertical-align:middle"><span style="word-wrap:break-word;">Eat meat.</span></label><label style="display:block; padding:10px 12px; margin:8px 0; border:1px solid #eee; border-radius:10px; background:#fff; box-shadow:0 1px 2px rgba(16,24,40,.04); cursor:pointer; font-size:16px; line-height:1.6; font-weight:400"><input type='radio' name='question_20' value='1306343-1306343' style="transform:scale(1.15); margin-right:10px; vertical-align:middle"><span style="word-wrap:break-word;">inside the tag</span></label><label style="display:block; padding:10px 12px; margin:8px 0; border:1px solid #eee; border-radius:10px; background:#fff; box-shadow:0 1px 2px rgba(16,24,40,.04); cursor:pointer; font-size:16px; line-height:1.6; font-weight:400"><input type='radio' name='question_20' value='1306343-130634300003' style="transform:scale(1.15); margin-right:10px; vertical-align:middle"><span style="word-wrap:break-word;">position</span></label><br><div style="font-family:Open Sans,system-ui,...; font-size:18px; font-weight:700; line-height:1.5; margin:14px 0 8px">21. What property gives control of how elements overlap?</div><label style="display:block; padding:10px 12px; margin:8px 0; border:1px solid #eee; border-radius:10px; background:#fff; box-shadow:0 1px 2px rgba(16,24,40,.04); cursor:pointer; font-size:16px; line-height:1.6; font-weight:400"><input type='radio' name='question_21' value='1306363-130636300001' style="transform:scale(1.15); margin-right:10px; vertical-align:middle"><span style="word-wrap:break-word;">Eat meat.</span></label><label style="display:block; padding:10px 12px; margin:8px 0; border:1px solid #eee; border-radius:10px; background:#fff; box-shadow:0 1px 2px rgba(16,24,40,.04); cursor:pointer; font-size:16px; line-height:1.6; font-weight:400"><input type='radio' name='question_21' value='1306363-1306363' style="transform:scale(1.15); margin-right:10px; vertical-align:middle"><span style="word-wrap:break-word;">z-index</span></label><label style="display:block; padding:10px 12px; margin:8px 0; border:1px solid #eee; border-radius:10px; background:#fff; box-shadow:0 1px 2px rgba(16,24,40,.04); cursor:pointer; font-size:16px; line-height:1.6; font-weight:400"><input type='radio' name='question_21' value='1306363-130636300002' style="transform:scale(1.15); margin-right:10px; vertical-align:middle"><span style="word-wrap:break-word;">false</span></label><label style="display:block; padding:10px 12px; margin:8px 0; border:1px solid #eee; border-radius:10px; background:#fff; box-shadow:0 1px 2px rgba(16,24,40,.04); cursor:pointer; font-size:16px; line-height:1.6; font-weight:400"><input type='radio' name='question_21' value='1306363-130636300003' style="transform:scale(1.15); margin-right:10px; vertical-align:middle"><span style="word-wrap:break-word;">position</span></label><br><div style="font-family:Open Sans,system-ui,...; font-size:18px; font-weight:700; line-height:1.5; margin:14px 0 8px">22. What is a graphic file format used to create very compact bitmapped files?</div><label style="display:block; padding:10px 12px; margin:8px 0; border:1px solid #eee; border-radius:10px; background:#fff; box-shadow:0 1px 2px rgba(16,24,40,.04); cursor:pointer; font-size:16px; line-height:1.6; font-weight:400"><input type='radio' name='question_22' value='1306357-1306357' style="transform:scale(1.15); margin-right:10px; vertical-align:middle"><span style="word-wrap:break-word;">JPEG</span></label><label style="display:block; padding:10px 12px; margin:8px 0; border:1px solid #eee; border-radius:10px; background:#fff; box-shadow:0 1px 2px rgba(16,24,40,.04); cursor:pointer; font-size:16px; line-height:1.6; font-weight:400"><input type='radio' name='question_22' value='1306357-130635700001' style="transform:scale(1.15); margin-right:10px; vertical-align:middle"><span style="word-wrap:break-word;">position</span></label><label style="display:block; padding:10px 12px; margin:8px 0; border:1px solid #eee; border-radius:10px; background:#fff; box-shadow:0 1px 2px rgba(16,24,40,.04); cursor:pointer; font-size:16px; line-height:1.6; font-weight:400"><input type='radio' name='question_22' value='1306357-130635700002' style="transform:scale(1.15); margin-right:10px; vertical-align:middle"><span style="word-wrap:break-word;">Eat meat.</span></label><label style="display:block; padding:10px 12px; margin:8px 0; border:1px solid #eee; border-radius:10px; background:#fff; box-shadow:0 1px 2px rgba(16,24,40,.04); cursor:pointer; font-size:16px; line-height:1.6; font-weight:400"><input type='radio' name='question_22' value='1306357-130635700003' style="transform:scale(1.15); margin-right:10px; vertical-align:middle"><span style="word-wrap:break-word;">false</span></label><br><div style="font-family:Open Sans,system-ui,...; font-size:18px; font-weight:700; line-height:1.5; margin:14px 0 8px">23. HTML: What is: <p>I like things.</p></div><label style="display:block; padding:10px 12px; margin:8px 0; border:1px solid #eee; border-radius:10px; background:#fff; box-shadow:0 1px 2px rgba(16,24,40,.04); cursor:pointer; font-size:16px; line-height:1.6; font-weight:400"><input type='radio' name='question_23' value='1306335-130633500001' style="transform:scale(1.15); margin-right:10px; vertical-align:middle"><span style="word-wrap:break-word;">false</span></label><label style="display:block; padding:10px 12px; margin:8px 0; border:1px solid #eee; border-radius:10px; background:#fff; box-shadow:0 1px 2px rgba(16,24,40,.04); cursor:pointer; font-size:16px; line-height:1.6; font-weight:400"><input type='radio' name='question_23' value='1306335-1306335' style="transform:scale(1.15); margin-right:10px; vertical-align:middle"><span style="word-wrap:break-word;">an element</span></label><label style="display:block; padding:10px 12px; margin:8px 0; border:1px solid #eee; border-radius:10px; background:#fff; box-shadow:0 1px 2px rgba(16,24,40,.04); cursor:pointer; font-size:16px; line-height:1.6; font-weight:400"><input type='radio' name='question_23' value='1306335-130633500002' style="transform:scale(1.15); margin-right:10px; vertical-align:middle"><span style="word-wrap:break-word;">position</span></label><label style="display:block; padding:10px 12px; margin:8px 0; border:1px solid #eee; border-radius:10px; background:#fff; box-shadow:0 1px 2px rgba(16,24,40,.04); cursor:pointer; font-size:16px; line-height:1.6; font-weight:400"><input type='radio' name='question_23' value='1306335-130633500003' style="transform:scale(1.15); margin-right:10px; vertical-align:middle"><span style="word-wrap:break-word;">Eat meat.</span></label><br><div style="font-family:Open Sans,system-ui,...; font-size:18px; font-weight:700; line-height:1.5; margin:14px 0 8px">24. CSS: Background image called 'mudkip.jpg'.</div><label style="display:block; padding:10px 12px; margin:8px 0; border:1px solid #eee; border-radius:10px; background:#fff; box-shadow:0 1px 2px rgba(16,24,40,.04); cursor:pointer; font-size:16px; line-height:1.6; font-weight:400"><input type='radio' name='question_24' value='1306325-130632500001' style="transform:scale(1.15); margin-right:10px; vertical-align:middle"><span style="word-wrap:break-word;">false</span></label><label style="display:block; padding:10px 12px; margin:8px 0; border:1px solid #eee; border-radius:10px; background:#fff; box-shadow:0 1px 2px rgba(16,24,40,.04); cursor:pointer; font-size:16px; line-height:1.6; font-weight:400"><input type='radio' name='question_24' value='1306325-130632500002' style="transform:scale(1.15); margin-right:10px; vertical-align:middle"><span style="word-wrap:break-word;">position</span></label><label style="display:block; padding:10px 12px; margin:8px 0; border:1px solid #eee; border-radius:10px; background:#fff; box-shadow:0 1px 2px rgba(16,24,40,.04); cursor:pointer; font-size:16px; line-height:1.6; font-weight:400"><input type='radio' name='question_24' value='1306325-130632500003' style="transform:scale(1.15); margin-right:10px; vertical-align:middle"><span style="word-wrap:break-word;">Eat meat.</span></label><label style="display:block; padding:10px 12px; margin:8px 0; border:1px solid #eee; border-radius:10px; background:#fff; box-shadow:0 1px 2px rgba(16,24,40,.04); cursor:pointer; font-size:16px; line-height:1.6; font-weight:400"><input type='radio' name='question_24' value='1306325-1306325' style="transform:scale(1.15); margin-right:10px; vertical-align:middle"><span style="word-wrap:break-word;">background-image: url('mudkip.jpg');</span></label><br><div style="font-family:Open Sans,system-ui,...; font-size:18px; font-weight:700; line-height:1.5; margin:14px 0 8px">25. Line break elements need a closing tag.</div><label style="display:block; padding:10px 12px; margin:8px 0; border:1px solid #eee; border-radius:10px; background:#fff; box-shadow:0 1px 2px rgba(16,24,40,.04); cursor:pointer; font-size:16px; line-height:1.6; font-weight:400"><input type='radio' name='question_25' value='1306321-130632100001' style="transform:scale(1.15); margin-right:10px; vertical-align:middle"><span style="word-wrap:break-word;">position</span></label><label style="display:block; padding:10px 12px; margin:8px 0; border:1px solid #eee; border-radius:10px; background:#fff; box-shadow:0 1px 2px rgba(16,24,40,.04); cursor:pointer; font-size:16px; line-height:1.6; font-weight:400"><input type='radio' name='question_25' value='1306321-130632100002' style="transform:scale(1.15); margin-right:10px; vertical-align:middle"><span style="word-wrap:break-word;">128, 21, 21</span></label><label style="display:block; padding:10px 12px; margin:8px 0; border:1px solid #eee; border-radius:10px; background:#fff; box-shadow:0 1px 2px rgba(16,24,40,.04); cursor:pointer; font-size:16px; line-height:1.6; font-weight:400"><input type='radio' name='question_25' value='1306321-1306321' style="transform:scale(1.15); margin-right:10px; vertical-align:middle"><span style="word-wrap:break-word;">false</span></label><label style="display:block; padding:10px 12px; margin:8px 0; border:1px solid #eee; border-radius:10px; background:#fff; box-shadow:0 1px 2px rgba(16,24,40,.04); cursor:pointer; font-size:16px; line-height:1.6; font-weight:400"><input type='radio' name='question_25' value='1306321-130632100003' style="transform:scale(1.15); margin-right:10px; vertical-align:middle"><span style="word-wrap:break-word;">Eat meat.</span></label><br><input type="hidden" name="quiz_type" value="1"><input type="hidden" name="score" value="25"><input type="submit" value="🎯 How Did I Do?" class="fs-cta-primary"></form> </div> <style> .fs-recent-context-box{ clear:both; margin:24px 0; padding:16px 18px; border:1px solid #eee; border-radius:16px; background:#fff; } .fs-recent-context-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px; } .fs-recent-context-title{ font-size:15px; font-weight:700; color:#111; } .fs-recent-context-note{ font-size:12px; color:#666; } .fs-recent-context-links{ display:flex; flex-wrap:wrap; gap:8px; } .fs-recent-context-links a{ display:inline-block; padding:7px 10px; border:1px solid #e5e5e5; border-radius:999px; background:#fff; color:#111 !important; font-size:13px; line-height:1.25; text-decoration:none !important; } .fs-recent-context-links a:hover{ background:#fff8c6; border-color:#ffff00; } </style> <div class="fs-recent-context-box"> <div class="fs-recent-context-head"> <div class="fs-recent-context-title">⚡ Recently practiced quizzes in this topic</div> <div class="fs-recent-context-note">Live quiz activity</div> </div> <div class="fs-recent-context-links"> <a href="https://www.fatskills.com/9th-grade-science/quiz/grades-9-and-10-biology-high-school-biology-natural-selection"> Grades 9 and 10 - Biology - High School - Biology - Natural Selection </a> <a href="https://www.fatskills.com/9th-grade-science/quiz/grades-9-and-10-chemistry-high-school-atomic-structure"> Grades 9 and 10 - Chemistry - High School - Atomic Structure </a> <a href="https://www.fatskills.com/9th-grade-science/quiz/abeka-9th-grade-science-final-review"> Abeka 9th Grade Science Final Review </a> <a href="https://www.fatskills.com/9th-grade-science/quiz/9th-grade-full-review"> 9th Grade Full Review </a> <a href="https://www.fatskills.com/9th-grade-science/quiz/9th-grade-health"> 9th Grade Health </a> <a href="https://www.fatskills.com/9th-grade-science/quiz/9th-grade-biology-cell"> 9th Grade Biology: Cell </a> <a href="https://www.fatskills.com/9th-grade-science/quiz/9th-grade-biology-meiosis"> 9th Grade Biology: Meiosis </a> <a href="https://www.fatskills.com/9th-grade-science/quiz/9th-grade-biology-enzymes"> 9th Grade Biology: Enzymes </a> <a href="https://www.fatskills.com/9th-grade-science/quiz/abeka-grade-9-science-test"> Abeka Grade 9 Science Test </a> <a href="https://www.fatskills.com/9th-grade-science/quiz/9th-grade-biology-dna-replication"> 9th Grade Biology: DNA Replication </a> </div> </div> </div> <!-- <br> <a href="https://thesuccessmanual.in/250-tiny-skills-for-you"><img alt="250 Top Work & Personal Skills Made Easy" src="https://www.fatskills.com/tinyskillscoverad2023.png"></a>--> </div> <div class="col-md-2"> <!-- <hr> <h4 style="font-family: 'Open Sans', sans-serif; font-size:14px"><b>250+ Top Skills To Find & Keep A Job</b></h4> <a href="https://thesuccessmanual.in/250-tiny-skills-for-you"> <img class="img-responsive" src="https://www.thesuccessmanual.in/images/tinyskillscoverad2023.png" alt="250 Top Work & Personal Skills Made Easy"> </a> <h4 style="font-family: 'Open Sans', sans-serif; font-size:14px">500+ Pages of Distilled Wisdom</h4> <h4 style="font-family: 'Open Sans', sans-serif; font-size:12px"><i class="fa fa-check-circle" style="color:red"></i></i> 250+ Easy-to-Follow Guides<br><i class="fa fa-check-circle" style="color:red"></i> 5000+ Proven Tips<br><i class="fa fa-check-circle" style="color:red"></i> 13 Types of Essential Skills<br><br><i class="fa fa-check-circle" style="color:red"></i>The World's First & Only Encyclopedia of <br>Self Help, Self Improvement & Career Advice</h4> <b>Just $3.99 | PDF / EPub, Kindle Ready</b></h4> <hr> --> </div> </div> </div> </div> </div> </div> <div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel"> <div class="modal-dialog modal-sm"> <div style="font-family:'Open Sans', Arial, sans-serif; color:#1d1d1f; line-height:1.55; max-width:520px;"> <h3 style="margin:0 0 .25rem; font-weight:800; letter-spacing:-.01em;">Welcome to Fatskills</h3> <p style="margin:.2rem 0 .6rem; color:#515154; font-size:15px;"> Join <b>4M+ learners</b>. Unlock unlimited quizzes, wrong-answer tracking, flashcards + reminders, study guides, and 1-on-1 challenges. </p> <div style="display:flex; gap:8px; flex-wrap:wrap; margin:.25rem 0 .5rem;"> <a href="/register" style="display:inline-block; padding:10px 14px; border-radius:12px; background:#007AFF; color:#fff; text-decoration:none; font-weight:700; border:1px solid #007AFF;">Create a free account</a> <a href="/login" style="display:inline-block; padding:10px 14px; border-radius:12px; background:#fff; color:#007AFF; text-decoration:none; font-weight:700; border:1px solid #007AFF;">Sign in</a> </div> <div style="font-size:12.5px; color:#8e8e93;">900+ exams • Millions of questions • No spam</div> </div> </div> </div> <script> function bookmark(pid,opt,uid) { var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (xhttp.readyState == 4 && xhttp.status == 200) { document.getElementById('post_span').innerHTML = xhttp.responseText; } }; xhttp.open("GET", "https://www.fatskills.com/flag_post.php?pid="+pid+"&opt="+opt+"&uid="+uid, true); xhttp.send(); } </script> <div class="push"></div> </div> <div style="clear:both"> </div><div class="footer"> <div class="container"> <hr> <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4fb4ef866eeca32f"></script> <script> window.fbAsyncInit = function() { FB.init({ appId : '{1561135744209751}', cookie : true, xfbml : true, version : '{api-version}' }); FB.AppEvents.logPageView(); }; (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "https://connect.facebook.net/en_US/sdk.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script> <div class="row"> <div class="col-md-12"> <div class="col-md-1"> <a href="https://www.fatskills.com"><img src="https://www.fatskills.com/fatskills-small.GIF"></a> </div> <div id="footer-ad-container"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9838841371022725" crossorigin="anonymous"></script> <!-- Horizontal --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-9838841371022725" data-ad-slot="8453843737" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="col-md-11"> <div style='background-color:#fffffc;padding:5px;font-size: 13px; word-break: break-all;word-wrap: break-word;background-color: #fff;border: 1px solid #ccc;border-radius: 4px;'> <h6 style="font-size: 12px;"><span style="color: #3399ff">❤ </span>If you liked <b>Fatskills</b>, consider supporting us by checking out <b><a href="https://thesuccessmanual.gumroad.com/l/ibquku">The Life Manuals You Never Got</a></b>. </div><br> 🌈  Our <b>mission</b> is to help improve your scores in any subject and exam with<a href="https://www.fatskills.com/quizzes">online quizzes</a>, practice tests, study guides, & advice for students. Since 2018.</h6> <!--<h6 style="font-size: 13px;"><b>21.5k</b> Practice Tests / Practice Exams and Online Quizzes. <br><b>1.85 Million+</b> Multiple Choice Test Questions / Practice Questions <br> <b>700+ Subjects</b> Covering All Test Prep, Competitive Exams, Certification Exams, Entrance Exams, & School / College Exams.</h6> <hr>--> <h6 style="font-size: 13px;"><b><a href="https://www.fatskills.com/about" style="color: #000">About</a> | <a href="https://www.fatskills.com/explore.php" style="color: #000">Explore</a> | <a href="https://www.fatskills.com/help" style="color: #000">User Guide</a> | <a href="https://www.fatskills.com/quiztopics/" style="color: #000">Topics</a> | <a href="https://www.fatskills.com/subject/" style="color: #000">Subjects</a> | <a href="https://www.fatskills.com/doubt-solver.php" style="color: #000">Doubt Solver</a> | <a href="https://www.fatskills.com/careerpath.html" style="color: #000">Career Aptitude Test</a> | <a href="https://www.fatskills.com/answers" style="color: #000">Answers</a> | <a href="https://www.fatskills.com/tools" style="color: #000">Free Tools</a> | <a href="https://www.fatskills.com/osha-basics-quiz.php" style="color: #000">OSHA Basics Quiz</a> | <a href="https://www.fatskills.com/what-should-we-know.php" style="color: #000">What Should We Know?</a> <br><a href="https://www.fatskills.com/privacy" style="color: #000">Privacy</a> | <a href="https://www.fatskills.com/terms" style="color: #000">Terms</a> | <a href="https://twitter.com/fatskills" target="_blank"><img src="https://www.fatskills.com/siteicons/twitter.GIF"></a> <a href="https://www.facebook.com/pg/fatskills/" target="_blank"><img src="https://www.fatskills.com/siteicons/facebook.GIF"></a> <a href="https://t.me/fatskills" target="_blank"><img src="https://www.fatskills.com/siteicons/telegram.GIF"></a> <a href="https://www.youtube.com/@fatskills" target="_blank"><img src="https://www.fatskills.com/siteicons/youtube.GIF"></a> <a href="https://www.reddit.com/r/Fatskills" target="_blank"><img src="https://www.fatskills.com/siteicons/reddit.GIF"></a></b></h6> <h6 style="color: gray; font-size: 12px;"><b>Without work one finishes nothing. - Ralph Waldo Emerson</b><br>© 2026 <span style="color:#000"><b>Fatskills.com</b></span> </h6> <h6 style="color: gray; font-size: 12px;"><br>All trademarks, logos and brand names are the property of their respective owners. All company, product and service names used in this website are for identification purposes only. Use of these names, trademarks and brands does not imply endorsement.</h6> </div> </div> </div> <!-- <div class="navbar navbar-inverse my-footer" style="border-color:#fff;"> <div class="container-fluid"> <div class="row"> <p class="navbar-text" >    ©2024 The <span style="color:#ff0000">Simple</span> Project</a>.</p> </div> </div> </div> <script type="text/javascript"> $(document).ready(function () { var $docH = $(document).height(); // The document height will grow as the content on the page grows. $('.my-footer').css({ /* The default height of .navbar is 50px with a 1px border, change this 52 if you change the height of your footer. */ top: ($docH - 30) + 'px' }); }); </script>--> <!-- <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4fb4ef866eeca32f"></script>--> </body> </html>