From the course: CSS: Float-Based Page Layouts (2012)
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Enhancing page design: Solution - CSS Tutorial
From the course: CSS: Float-Based Page Layouts (2012)
Enhancing page design: Solution
I hope you enjoyed the lab on enhancing page designs. It represents the part of CSS that I really love, and that's the ability to combine properties in new ways to create compelling visual design. Let's get right into the finished files and take a look at the solutions to our lab. So I have the main.css file opened from the finished_files directory, and of course that's found in _css directory within finished_files, which is also inside 08_08. I could open up the index and the Philadelphia file, but I have already had them previewed in the browser and we didn't change those at all; we only changed the CSS. So feel free to open those up and preview them along with me. But for the most part, we're just messing with the CSS here anyway. The first step that you guys were working on were the CSS sprites up in the menu, and of course that's for every page in the site. So I am going to scroll down to about line 1069 or so, so we can check out that code. There we go! So for each one of these,…
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
-
-
-
-
-
-
-
-
-
-
(Locked)
Creating multi-column text6m 36s
-
(Locked)
Using borders to enhance design13m 59s
-
(Locked)
Rounding corners6m 56s
-
(Locked)
Adding drop shadows10m 35s
-
(Locked)
Working with opacity6m 8s
-
(Locked)
Utilizing the background property15m 5s
-
(Locked)
Working with CSS sprites7m 58s
-
(Locked)
Enhancing page design: Lab6m 22s
-
(Locked)
Enhancing page design: Solution8m 38s
-
(Locked)
-