From the course: CSS Shorts

Unlock this course with a free trial

Join today to access over 22,600 courses taught by industry experts.

Drop the cap

Drop the cap - CSS Tutorial

From the course: CSS Shorts

Start my 1-month free trial Buy for my team

Drop the cap

“

- [Instructor] Hi, this is Chris Converse and in this episode we'll be creating drop caps using the first letter selector in CSS, allowing us to add more typographic style to our layout without adding additional html to the webpage. And if you'd like to follow along with me, download the exercise files and let's begin by opening index.html in the text editor. And once you have the html file open. Inside of the head area, you'll see we have the link to style.css which we'll be opening in just a minute. Inside of the body area we have a single article element. And inside the article element we have two paragraph elements. So we're going to be creating a CSS rule that's going to target the first letter, the letter R here, in this first paragraph. And if you'd like to see the layout we're going to be working with, you can open index.html file in a web browser and at this point let's go back to the exercise files. Let's find style.css and let's open this in our text editor. Once we have…

Contents