From the course: Practical CSS for No-Coders
Unlock this course with a free trial
Join today to access over 25,300 courses taught by industry experts.
Understanding images in CSS
From the course: Practical CSS for No-Coders
Understanding images in CSS
- [Instructor] Images are among the most common elements on a website. You can include images in HTML or in CSS. First, let's talk about image formats that work on the web and then let's take a look at how to include images in HTML and CSS. There are many types of image formats. You may have seen GIF, PNG, JPEG, bitmap, TIFF and others that are more proprietary like PSD. Historically, the web has supported three types of image formats. GIF was limited to only 256 colors, but it may include transparency and has the possibility of animation. PNG offered more colors and transparency, but it did not offer animation. GIF and PNG are suitable for illustrations like logos or cartoons. JPEG stands for Joint Photographic Experts Group. As you might expect from that name, this format was optimized for photographs. While it supports millions of colors, this format does not offer transparency or animation. Within the last year…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
Identify a color scheme4m 47s
-
(Locked)
Formatting color in CSS3m 36s
-
(Locked)
Background and text color in CSS5m 31s
-
(Locked)
Understanding images in CSS3m 45s
-
(Locked)
Working with background images in CSS7m 59s
-
(Locked)
Challenge: Style this web page2m 56s
-
(Locked)
Solution: Style this web page2m 8s
-
-
-
-