课程: CSS Essential Training

今天就学习课程吧！

今天就开通帐号，24,700 门业界名师课程任您挑！

Project: Footer styles and icons

Project: Footer styles and icons - CSS教程

课程: CSS Essential Training

开始一个月试用 购买团队方案

Project: Footer styles and icons

“

(lively music) - [Instructor] In this project update, we'll be styling the social media list and the icons, but the first thing we'll do is add the box model fix. You can copy this snippet from the text file in the exercise files. Let's add it to the top of our CSS file right before body as the first global style. It may need to be reformatted since I copied it from the text file. Now let's style the social media list in the footer. Since the list items are block elements, right now, the footer just looks like a big block, so let's change that. Back in the editor, in the index.html file, we're going to go down to the UL tag in the footer and add a class. We only want to apply styles to this list so I'm going to name this socials. Then, we'll add the same class to the list in the resume file so both pages will share this style. Then in the CSS file, create a socials declaration block under the footer section. .socials…

内容