https://github.com/zyrasoftware/html-shop-card
HTML ve CSS ile yazılmış, Oyun satımı için tasarlanmıs bir kart
https://github.com/zyrasoftware/html-shop-card
Last synced: 3 months ago
JSON representation
HTML ve CSS ile yazılmış, Oyun satımı için tasarlanmıs bir kart
- Host: GitHub
- URL: https://github.com/zyrasoftware/html-shop-card
- Owner: zyrasoftware
- Created: 2023-12-22T08:02:09.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-12-22T08:10:43.000Z (over 2 years ago)
- Last Synced: 2025-02-28T12:23:31.875Z (over 1 year ago)
- Language: HTML
- Size: 2.07 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# html-shop-card
HTML ve CSS ile yazılmış, Oyun satımı için tasarlanmıs bir kart
# HTML Açıklamaları:
- ``: HTML5 standardına uygun bir belge olduğunu belirten deklarasyon.
- ``: Sayfanın dili İngilizce olarak belirlenmiştir.
- ``: Sayfanın başlık, karakter seti ve stil dosyası gibi meta bilgilerini içerir.
- ``: CSS kodlarını içeren bir stil bloğu.
- `<body>`: Sayfanın içeriğini barındıran ana bölüm.
# CSS Açıklamaları:
Projenin CSS Kodlarının Kısa Açıklamaları
## Temel Stil Bilgileri
- `body`: Sayfa arka plan rengi ve konumlandırma özelliklerini belirler.
- `.container`: Oyun tanıtımının yapıldığı ana kutu. Arka plan rengi, kenar yuvarlatma ve gölge gibi özelliklere sahiptir.
- `*`: Tüm elementlerin margin, padding ve box-sizing özelliklerini sıfırlar ve font ailesini belirler.
## Başlık ve Açıklama Stilleri
- `.container h2`: Oyun başlığının stilini belirler. Font büyüklüğü, renk ve hizalamaya özel ayarlar içerir.
- `.container p`: Oyun açıklamasının stilini belirler. Font büyüklüğü, renk ve hizalamaya özel ayarlar içerir.
## Buton ve Fiyat Stilleri
- `button`: Satın alma butonunun stilini belirler. Renk, font özellikleri, kenar yuvarlatma ve hizalama ayarları içerir.
- `.price p`: Oyun fiyatının stilini belirler. Sağa hizalıdır ve sağ kenara bir boşluk bırakır.
# Ekran Resmi
# Bilgilendirme
**---------------------------------------------------------**
| Herkese Açık | Geliştirilebilir | Zyra Software|
|---------|---------|---------|
| Açık | Geliştirilebilir |@zyrasoftware |