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