04 - CSS - OpenWebSchool

Transcript

1. Cascading Style Sheets «Â­Ie
2. ÛY »Ð Cž   
3. ºìéa‘Na Tià‘Â= å⁈Š‘0_
4. ŒÆéa‘ª^ Î?íš‘½Þ ÜꁡŠ‘s”
5. Հ
6. äãá ­I{@bA® ŒÆ;Xéa‘ª^
7. ð{ ­Ib¤¾ ŒÆ;Xéa‘ª^
8. ڕ g‘¬w… ŒÆ;Xéa‘ª^
9. ŒÆ { ;Xéa: ª¿ } äãá ð{ ڕ
10. nž { 4H¼M: Œš; r“: ‰s/€ }
11. ŒÆ { ;Xéa: ª¿; ¸: ¦6 ; }
12. p { color: red; font-size: 200%; }
13. pL<€
14. b9 ªGWy®ÃŸ <p style=”color: red”></p>
15. “9 ™1ªG
    #$(
    Ÿ <style> p { color: red } </style>
16. H²É˺ ™1ªGSv <link href=”style.css” rel=”stylesheet”> #$(## p { color: red } '$
17. éa
18. SX black white red yellow green blue cyan
19.   rgb(0, 255, 120)
20.   rgba(0, 255, 120, 0.5)
21.   #345 #0F12AB
22.  hsl(120, 50%, 20%)
23.  hsla(0, 50%, 20%, 0.1)
24. …Šµd
25. %, ¹
26. "" " # %( % †¶…Š
27. " , XØ
    " X¡
    ,
28. äãá
29. 8äãá p { ... }
30. !''
    äãá .banana
31. 
    äãá #hahaha
32. ÄLäãá *
33. ©Á p.banana img#hahaha *.banana
34. 55˜˜äãá p img
35. 5äãá p > img
36. Bgxwäãá p ~ img
37. F[eUË⁠Bgxwäãá p + img
38. ©Á p .banana #hahaha > p
39. ­
    #
    –8 p:first-of-type p:nth-of-type (3n+1) p:nth-of-type (even) p:last-of-type
40. ­
    #
    –58 p:first-child p:nth-child (3n+1) p:nth-child (even) p:nth-last-child (2n)
41. 9™ p::first-letter p::first-line p::selection
42. ²» a:link a:active a:visited
43. nP p:hover
44. nP input:focus input:checked input:enabled input:disabled
45. ;X
46. éa $!$& <¼M>
47. Xó46 $#('. <fl> <6Y> medium small x-small xx-large smaller
48. Xó®¯ $#(+( normal bold light 100 900
49. X‰ $#("!- <Hk>
50. ¢ëçÙ $#( 10px red bold Helvetica
51. XóÇÌ (,($&($# none underline line-through overline
52. Ï× (,(!# center left right justify
53. b¾ (,(!# <fl> <6Y>
54. X¾ +$&'%# !((&'%# <fl>
55. ¸
56. ¸éa  &$)#$!$& <¼M>
57. ¸ÎÍ  &$)#" url(“pony.png”)
58. ¸’ß  &$)#&%( repeat repeat-x repeat-y no-repeat
59. b9Ô£À8
60. 8D@:b9Ô£À
61. b98 E4H+­†Â d˜0ˆ‘’N
62. £À8 =:µ ´yau
63. b9U£ÀÈ zi-„
64. òO<Y '%!- none inline block inline-block
65. «5
66. £À8[–
    $,
    "$!
67. 9™ <—
    " ½²
     "" 3—
    !
68. 89™ £¨^_ObF5
69. ؊ +( <fl> <6Y> ¢Žo100%
70. ¡Š ( <fl> h?2}l[\ Til0~@<6Y>eB
71. 9™ <—
    " ½²
     "" 3—
    ! +( (
72. íÞ …‘½² K©lK¼MKV³
73. íÞ؊ $&&+( <fl>
74. íÞéa $&&$!$& <¼M>
75. íÞÛY $&&'(-! solid dotted dashed double
76. çÙ $&& 2px black solid
77. æQ[21IEG–íÞ |@3Dž:f[GÒÛY
78. $&&($%+( $&&&(+( $&&$(($"+( $&&&(+( <fl>
79. <RçÙ DK;¤ -,=:+Lª -, =: - =: , - : , =
80. 9™ <—
    " ½²
     "" 3—
    ! $&&+(
81. 9¾ Š2}3|Z½²˜ r“›+c]Q½²
82. 9¾ØŠ %# <fl>
83. 9™ <—
    " ½²
     "" 3—
    ! %#
84. H¾ 2}¦2}˜b—»
85. H¾ØŠ "&# <fl>
86. 2}
    
    3—
    
    ½² 2}–¿° 2}
    
    3—
    
    ½² 2}–¿° <— <— <
87. 2}
    
    3—
    
    ½² 2}–¿° 2}
    
    3—
    
    ½² 2}–¿° <— -,<—t <
88. Ѭ
89. —K£À8Fž21¤ñ
90. Ѭô£À8 žIEmƒ¤ñ
91. Ѭ !$( none left right
92. ¨Ÿž¥l>tA 8R`7IE¤ñ
93. ¨Ÿ !& none left right both
94. yd
95. 8dŗK‹M z]¤ñî‡jy
96. ydžJœ±oî‡ ‚§h8}U›ydÅ
97. yd %$'($# static relative absolute fixed
98. ŽÏyd %$'($#
    &!(* 8z>Po‡œ
99. ¼Ïyd %$'($#
    '$!)( 8´y¥vo‡œ
100. vyyd %$'($#
     , 8–”o‡œ 0¸•¥vƒ
101. æQ[GÒyd<R /\´VF֑LusÒ
102. 2 ($% <fl> ¦‡œ-ub½b—»
103. 1 $(($" <fl> ¦‡œ,ub½b—»
104. I !( <fl> ¦‡œ=½b½b—»
105. E &( <fl> ¦‡œ:½b½b—»
106. ÓÊ2ÉÃ
107.   " '
     9x‚b $$!# & !" ) " # 
108.  ®œ9x\b U.Xq¡jj
109. tAÛY„Õk
110. èH·q°VW~c §`¶*Ĭ*#$
     %#
     '
      ³žÝïZ
     
     rL
111.  %(
     J¯
     4CmÁ $$! ### 
112.    
     R±À
     E-p|
      m7 $$! #### "
113. (-!)'  
     ¹0· $$! " #$$% #$(%#