CSS Classes
Take a look at the source code to see how we can assign repeating styles with Classes.
So far we used IDs to target different parts of the page. But IDs can only be used once in a document. We use "classes" for styles that we plan to use on more than once per document.
Note how classes are formatted inside the stylesheet with a leading dot and see how they are assigned to each element in the BODY with a "class=" hook.
Learn more about Classes and IDs and when to use each
Next we will give our text some breathing space by assigning margins and padding.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin non turpis et libero facilisis placerat et sed ex. Morbi tincidunt ante id molestie imperdiet. Curabitur bibendum lacus ac justo sodales, non varius quam commodo. Nullam dictum consectetur massa, eu mollis lorem. Sed finibus, risus ut fringilla vulputate, sem libero aliquet odio, non rutrum purus sem eget mauris. Mauris quam erat, imperdiet id feugiat ut, tristique sit amet lorem. Cras vitae tortor velit. Donec a sapien a metus consequat sollicitudin. Nulla venenatis laoreet eros sed mattis.
Duis lectus nisi, facilisis vitae urna ac, ornare finibus ipsum. Vestibulum interdum varius dui, id rhoncus ligula convallis nec. Donec vitae nisl sem. Cras eget purus ut quam consequat vestibulum. Cras enim mi, aliquet sit amet gravida at, ultrices vitae neque. Sed luctus in lectus eget tincidunt. Sed semper aliquam nisl aliquet iaculis. Praesent sit amet orci sit amet lacus dapibus scelerisque eget eget orci. Curabitur auctor, augue lobortis molestie vehicula, nunc augue malesuada neque, ultrices sodales ligula risus sed diam. Praesent placerat libero ac tristique eleifend. Proin eget erat enim. Aenean et porttitor lorem. Donec rutrum diam diam, sit amet convallis ex elementum sit amet. Fusce eget commodo ipsum. Aliquam pretium augue id velit suscipit, id viverra ligula laoreet.
Ut mauris dui, gravida sit amet molestie et, lobortis sed nunc. Aenean eleifend lacinia consequat. Sed vehicula tempor hendrerit. Nulla consequat ipsum id rutrum efficitur. Mauris non mauris sit amet odio pretium pharetra. Phasellus nec maximus dolor, vel scelerisque elit. Duis egestas tellus non ligula interdum egestas. In sit amet erat facilisis, maximus lacus eget, maximus risus. Nullam nec tortor tempus diam blandit porttitor ac eget quam. Curabitur augue leo, placerat ut nunc at, hendrerit pharetra orci. Ut ut pretium mauris, id ullamcorper neque. Vivamus tortor ipsum, vulputate quis lobortis ac, tincidunt eget elit.
Donec sit amet velit eget est suscipit molestie in vel velit. Nulla at risus pharetra, volutpat massa ut, mollis dui. Sed quis feugiat est. Fusce quis ipsum ut arcu convallis tincidunt. Quisque vel mi lacus. Etiam tortor nisl, dapibus vulputate diam ut, finibus tincidunt est. In nisl enim, pellentesque id felis ac, iaculis faucibus lacus. Aliquam tincidunt vitae nunc eu scelerisque. Aenean sodales justo vel ipsum vulputate pulvinar. Aenean euismod massa urna, vitae consequat mauris lobortis at. Praesent ut quam nisi. Sed pulvinar metus neque, viverra euismod turpis iaculis at. Nam at eros ac ex pulvinar ullamcorper ac eget purus.
Aliquam tempor egestas est. Nullam molestie odio id maximus dignissim. Aenean augue enim, blandit a lacinia a, pretium id magna. Donec consectetur elit ultricies neque finibus efficitur. Curabitur at tincidunt leo. In hac habitasse platea dictumst. Curabitur vestibulum a quam vel tempor. Suspendisse non nisi rutrum, auctor eros quis, scelerisque diam. Ut varius elit et pharetra bibendum. Morbi fermentum lobortis sem in tincidunt. Donec facilisis dolor non lacus consequat mattis in vel turpis. Aliquam magna enim, malesuada sit amet sem ornare, vulputate sollicitudin neque. Aliquam erat volutpat. Maecenas sem nisl, gravida non ante non, fringilla cursus tellus. Duis ac elementum purus.