From the course: Creating Web Media

Unlock this course with a free trial

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

Indicate download file types

Indicate download file types - CSS Tutorial

From the course: Creating Web Media

Start my 1-month free trial Buy for my team

Indicate download file types

“

- [Chris] Hi, this is Chris Converse, and in this episode we'll use CSS to determine the type of file available for download, then graphically represent that to our users. So if you'd like to follow along with me, download the exercise files, and let's begin by opening the HTML file in a text editor. And so in the HTML file, we have a link to the style.css file, which we'll be opening in a moment. And down inside of the body area, we have this series of anchor links. Each anchor link has a class of "download", and each one also links to a specific file. So in this case, this one links to file.pdf, .xls, and so forth. What we're going to be doing is using CSS to determine what file types are being linked to, so we can then apply a graphic to the links. So at this point, let's go back to the exercise files. Let's find style.css. Let's open this in our text editor. Let's scroll down a little bit. And I've already set up a rule that will target all of the anchor links with a class of…

Contents