Skip to the content. Back to Summer Homework
<style> ol { list-style-type: lower-alpha; } li:empty { position: absolute !important; top: -9999px !important; left: -9999px !important; }

CSS Questions

  1. Part of a website's code is shown below

    <head>
        <title>Orville's Oranges</title>
        <link rel="stylesheet" type="text/css" href="mainStyle.css">
    </head>
    

    Explain the meaning of the code

    The code sets the page's title (as shown in the browser) to Orville's Oranges. It also loads the stylesheet mainStyle.css and applies it to the page.

  2. The site also contains the following code.

    <div class="offer">All oranges 50% off.</div>
    

    Complete the CSS code that would make any div elements of the class offer have an orange border.

    .offer {
        border-style: solid;
        border-color: orange;
    }