Live
<body> <h1 style="text-align: center;">Przykład użycia <code>Inline CSS</code></h1> <article style="margin: 50px 50px 50px 20px; border: 3px solid red; padding:20px; border-radius: 20px;" > <h2 style="font-size: 2.5em;">Nagłówek h2 może być większy niż h1</h2> <span style="color: blue;"> <p>Niektóre wartości CSS, np. <i>color</i> dotyczą rodzica oraz jego dzieci,</p> <p>tutaj tag <i>p</i> ma kolor taki jak ustawiony na tagu <i>span</i>,</p> <p style="color: crimson;">ale możemy je nadpisać kolejną regułą.</p> <p style="font-weight: 600; font-size: 20px;"> O tym, powiemy sobie więcej w kolejnych lekcjach. </p> </span> </article> <div style="text-align: center;"> <h3 style="font-family: sans-serif;">Nareszcie zaczyna to jakoś ładnie wyglądać 😀</h3> <button style="padding: 10px 20px; background: royalblue; color: white; border-radius: 20px; width: 150px; font-size: 20px; border: none; cursor: pointer;" > Tak jest! </button> </div> </body>
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.