際際滷

際際滷Share a Scribd company logo
Eng. Anas Alpure
悋惺悋愆惘 悋惆惘愕
(10)
Sibling
悋悋愆悋悄 惠忰惆惆
( div + p ) selects all <p> elements that are placed immediately after <div> elements
( div ~ p ) selects all <p> elements that are siblings of <div> elements
 adjacent sibling selector (+) 悋悴悋惘 悋悋愆悋悄 悋惺惶惘 惠忰惆惆
 general sibling selector (~) 惺悋 惡愆 悋悋愆悋悄 悋惺悋惶惘 惠忰惆惆
悋惆愕
:
悋惡惘 悖愕
li:first-child
li:last-child
Pseudo Classes
:not(selector)
li:not(.different) {
font-size: 3em;
}
悋愕惠悽惆悋 
first-child

last-child
悋惡 悛悽惘  悋惡 悋 惠忰惆惆
悋愕惠悽惆悋  悋
nth-child(n)
悋惠惘惠惡 悵 悋惺惶惘 惠忰惆惆
n
li:nth-child(1)
li:nth-child(2)
li:nth-child(odd)
li:nth-child(even)
 List Properties
 list-style-type .
 list-style-position
 list-style-image
 list-style .
 disc
 circle
 square
 decimal
 decimal-leading-zero
 lower-latin
 upper-latin
 lower-alpha
 upper-alpha
 none
 list-style-type
1.background-image
2.background-position
3.background-size
4.background-repeat
5.background-attachment
6.background-origin
7.background-clip
8.background-color
background
悋惆愕
:
悋惡惘 悖愕
background-color
background-color: #e44;
悋惆愕
:
悋惡惘 悖愕
background-image
background-image: url(/slideshow/css-advanced/250611486/img.png);
悽悋惶悸 惡 悋忰惴悸
background-position
惺惆惆悸  惠悖悽悵 悋
background-position
background-size
悋惠悋悸 悋 悋 惺惆惆悸  惠悖悽悵 悋  悋悽悋惶悸 悵

auto

cover

contain
悋惆愕
:
悋惡惘 悖愕
悋惆愕
:
悋惡惘 悖愕

More Related Content

css advanced