تحدي المراجعة رقم 1

جزء من قسم Styling with CSS في رحلة HTML على Coddy — الدرس 23 من 76.

التحدي

سهل

في تحدي المراجعة الأول هذا، ستقوم بتطبيق معرفتك بخصائص تنسيق النصوص في CSS لإعادة إنشاء تصميم محدد. سيختبر هذا التحدي قدرتك على الجمع بين خصائص النص المختلفة، مثل color و font-family و font-size و font-weight و text-align و text-decoration.

لقد تم تزويدك بمستند HTML يحتوي على عناصر متنوعة. مهمتك هي تطبيق الخصائص المختلفة التي تعلمتها في هذا القسم لتنسيق هذه العناصر. اتبع الخطوات أدناه:

اكتب قاعدة CSS تستهدف جميع عناصر <h1>.
- اجعل اللون "darkblue".
- اجعل حجم الخط "32px".
- اجعل وزن الخط "bold".
- اجعل محاذاة النص "center".
اكتب قاعدة CSS تستهدف جميع العناصر التي تحمل الفئة intro-text.
- اجعل اللون "gray".
- اجعل font-family هي Arial, Helvetica, sans-serif;
- اجعل حجم الخط "18px".
اكتب قاعدة CSS تستهدف جميع عناصر <li>.
- اجعل font-weight بقيمة "600".
اكتب قاعدة CSS تستهدف جميع عناصر <a>.
- اجعل text-decoration بقيمة "none".
- اجعل الخط لنوع الخط المفضل لديك إلى "Times New Roman", Times, serif.

جرّب بنفسك

<html>
<head>
    <title>Recap Challenge #1</title>
    <style>
        /* Write CSS rules here */
    </style>
</head>
<body>
    <h1>Discovering the Ocean</h1>
    <p class="intro-text">The ocean covers 70% of the Earth's surface and is full of life. It also helps regulate the planet's climate.</p>
    <h2>Marine Life</h2>
    <ul>
        <li>Whales</li>
        <li>Octopuses</li>
        <li>Coral Reefs</li>
    </ul>
    <p>Learn more at <a href="https://www.oceans.org" target="_blank">The Ocean Conservation Society</a>.</p>
</body>
</html>