<!DOCTYPE html>
<html>
<head>
    <style>
        body { font-family: Arial; background: #f0f4f8; padding: 20px; }
        h1 { color: #1B3A5C; text-align: center; }
        .qizil { color: #E84D3D; }
        .ko-k { color: #2E86AB; }
        #maxsus { background: #D4A533; color: white; padding: 10px; border-radius: 8px; }
    </style>
</head>
<body>
    <h1>CSS bilan tanishuv</h1>
    <p class="qizil">Bu qizil rangdagi matn (class bilan).</p>
    <p class="ko-k">Bu ko'k rangdagi matn (class bilan).</p>
    <p id="maxsus">Bu maxsus stilga ega paragraf (id bilan).</p>
    <p style="font-size:20px; font-weight:bold;">Bu inline stil.</p>
</body>
</html>