<!DOCTYPE html>
<head>
 
  <style>
    p {
      background: yellow;
    }
  </style>
</head>
<body>
  <main>
    <section>
      <h1 style="background: red">Hello Inline Styling</h1>
      
      <p>Hello Style Tag styling</p>
      <br>
      <p>Cappuccino cream aftertaste sweet mug a half and half. Sweet trifecta aroma spoon crema plunger pot filter redeye dark acerbic. A grinder sit robust et as galão. Aroma eu grinder a viennese frappuccino turkish crema mazagran.</p>
      <br>
      <span>Caramels toffee wafer. Pastry danish powder carrot cake. Gummi bears donut tootsie roll. Pastry cupcake gummi bears. Pie muffin sugar plum topping bear claw candy donut. Cookie sweet liquorice oat cake jujubes tart. Tart cake dessert toffee liquorice halvah. Gummies carrot cake dessert cookie chocolate powder carrot cake. Soufflé marzipan powder. Gingerbread halvah sesame snaps pudding gingerbread liquorice gingerbread. Dragée caramels cupcake icing oat cake. Soufflé oat cake chocolate gummi bears. Cake marzipan danish muffin toffee pie.</span>
      <br>
      <div class="iAmAClassSelector">
        Sesame snaps dragée gummies fruitcake carrot cake cookie cake macaroon. Jujubes chupa chups marshmallow pudding. Wafer gingerbread chocolate cake cupcake. Muffin tiramisu muffin muffin icing chocolate bar chocolate cake soufflé carrot cake.
      </div>
      <br>
      <div id="idSelector">
        Cupcake lemon drops bonbon. Cake dessert sesame snaps candy gingerbread jelly donut pudding biscuit. Biscuit brownie donut marshmallow chocolate bar jelly beans macaroon. Carrot cake dragée lemon drops pudding candy canes. Danish soufflé jujubes bear claw ice cream gingerbread jelly beans topping.
      </div>
      <br>
      <button disabled>Click me</button>
      <br>
      <div class="iAmAClassSelector iAmAnotherClassSelector">
        Sweet roll apple pie lollipop lemon drops. Pastry fruitcake halvah oat cake wafer dragée.
      </div>
       <br>
    </section>
  </main>
</body>
</html>
span {
  background: pink;
  @import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300&display=swap');
  font-family: font-family: 'Titillium Web', sans-serif;
}

.iAmAClassSelector {
  background: aquamarine;
}

.iAmAnotherClassSelector {
  color: orange;
  font-size:14px
}

* {
  color: brown;
}

#idSelector {
  font-size: 20px;
}

[disabled] {
  color: grey;
  font-size: 20px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.