Css dosyasının html sayfasına eklenmesi:
<head>
<link rel="stylesheet" type="text/css"
href="mystyle.css">
</head>
css dosyamızı, web sayfamıza eklemek için yukarıdaki kodu kullanıyoruz.
Example (Örnek):
body {
background-color: lightblue;}
h1 {
color: white;
text-align: center;
}
p {
font-family: verdana;
font-size: 20px;
}
Background Settings (Arka plan ayarları):
background-colorbackground-imagebackground-repeatbackground-attachmentbackground-position
background-color: red; (arka plan rengi)
background-image: url(resim/img_flwr.gif); (arka plan resmi)
background-repeat: no-repeat; (tekrar yok)
background-repeat: repeat-x; (sadece yatay tekrar)
background-repeat: repeat-y; (sadece dikey tekrar)
background-position: bottom right;
background-attachmend: fixed; (sabitle)
background-attachmend: scroll; (kaydır)
background-size: 200px; (resim büyüklüğü)
background-size: 50%; (resim büyüklüğü)
Text Settings (Yazı Ayarları):
font-family: Georgia, serif; (yazı tipi)
font-size: 25px; (yazı büyüklüğü)
color: #000000; (yazı rengi)
text-align: center; (yazıyı ortala)
text-align: left; (yazıyı sola hizala)
text-align: right; (yazıyı sağa hizala)
text-align: justify; (yazıyı her iki yana yasla)
Border Settings (Kenarlık Ayarları):
border-style: dotted; (noktalı çizgi)
border-style: dashed; (kesik çizgi)
border-style: solid; (düz çizgi)
border-style: double; (çift çizgi)
border-style: groove; (3D çizgi)
border-style: ridge; (3D çizgi)
border-style: inset; (3D çizgi)
border-style: outset; (3D çizgi)
border-style: none; (çizgi yok)
border-style: hidden; (gizli çizgi)
border-style: dotted dashed solid double;
border-width: 5px; (çizgi kalınlığı)
border-width: medium; (çizgi kalınlığı)
border-width: 2px 10px 4px 20px; (çizgi kalınlığı)
border-color: red; (kenarlık rengi)
border-radius: 5px; (köşeleri yuvarla)
Boşluklar:
Hiç yorum yok:
Yorum Gönder