Web Design Course - Lecture 10 - Floating, Align, navigation bar, Image gallery, Image opacity

1. WEB DESIGN

2. CSS Floating1 2 Pseudo-elements3 5 Create a CSS image Gallery6 Align2 Navigation Bar4 Image Opacity7

3. Floating float: left; float: right;

4. Align text-align: left; text-align: center; text-align: right;

5. Pseudo-elements selector::pseudo-element { property:value; } Example: :focus :hover :last-child :nth-child(n) :nth-last-child(n)

6. Navigation Bar

7. Create a CSS image Gallery

8. Pseudo-elements selector::pseudo-element { property:value; } Example: :focus :hover :last-child :nth-child(n) :nth-last-child(n)

9. Image Opacity selector::pseudo-element { property:value; } Example: :focus :hover :last-child :nth-child(n) :nth-last-child(n)

10. THANK YOU

More Related Content