From the course: CSS Shorts

Unlock this course with a free trial

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

Give me a few tips

Give me a few tips - CSS Tutorial

From the course: CSS Shorts

Give me a few tips

- [Chris] Hi, this is Chris Converse, and in this episode, we'll create some tool tips that are powered completely with HTML and CSS, and the best part is, they'll work with both click and touch events. So if you'd like to follow along with me, download the exercise files, and let's begin by opening index.html in a text editor. And then, once you have the HTML file open, you'll see that, inside of here, we have a header and an article element. I also have two comments here. This has the content for the tool tips, so we don't have to type all this. And if you'd like to see the layout we're working with, you can open the index.html file up in a browser. And now, back in the HTML file, the first thing we'll do is add the necessary HTML so we can add a tool tip. So let's find the first word we're going to create a tool tip for, which will be this word here, patisserie. So what I'm going to do is get my cursor before the letter P. I'm going to put this on its own line. And then, after the…

Contents