Use LEFT and RIGHT arrow keys to navigate between flashcards;
Use UP and DOWN arrow keys to flip the card;
H to show hint;
A reads text to speech;
23 Cards in this Set
- Front
- Back
- 3rd side (hint)
<Link rel="stylesheet" href="style.css"> |
Extarnel css cagrimi |
|
|
<style> P {color=red;} </style> |
Internal css cagrimi |
|
|
<li style="text-decoration:line-through;"> |
Inline sayfa cagirimi |
|
|
List-style-type:none; |
Liste karelerden kurtarir |
|
|
Font-size:20px |
Font büyüklüğü |
|
|
<p class="blue"> |
Sinif ile internal style tanimlamada daha duzgun bir sekilde css etkisi yaratma |
.blue{color:blue;} kulanimi nokta ile oluyor |
|
! important |
Css kodunu en baskin kod ozelligi veriyor. Font-size:20px !important; |
|
|
id degeri o etkijetten bir tane varsa kullanilir.sadece 1 eleman icin kullanılır |
#header{font-size:50px;} |
<h1 id="header" class="blue f22"> |
|
Border:1px solid blue |
Kenarlık |
|
|
* |
Tum etiketlere uygular css |
|
|
Padding |
Sagdan sildan bosluk birakma |
|
|
Word-spacing:2px |
Herbir kelime arasi 2 piksel |
|
|
Letter-spacing:1px |
Herbir harf arasi 1 px |
|
|
Font-weight:bold |
Kalin yapar |
|
|
Pseudo selectors elements |
Bir nesnenin 1 parcasini seciceksek element kullanilir. |
P::first-line{color:brown} |
|
P::after{Content:"deneme" |
Paragrafin sonuna deneme yazisi ekler |
|
|
List-style:none |
Liste imleri kalkar |
|
|
Msrgin- bottom:10px |
Herbir yazi arasi 10 piksel bosluk birakir |
|
|
Box-sizing:border-box |
Genislik degerlerini isin icine katmıyor |
|
|
Cursor:pointer |
Imleci degistirir |
|
|
Floating |
Hizalama icin kullanilir |
|
|
Display |
Görünürlüğü ayarlar none dersek kaybolur inline block birbirine donusterebikirz |
|
|
Position:static relative fixed absolute sticky |
Static varsayilan deger Relative divin posizyonundan ahareket eder Absolute burda kapsayici dive gore hareket eder Fixed hep ayni konumda ayni kalir scroll bar sabit kalsada farketmez Stiky bu ise konuma gore hareket eder menulerde |
|