Toptal'ın Hızlı ve Pratik CSS Hile Sayfası

Yayınlanan: 2022-03-11

Basamaklı Stil Sayfaları veya kısaca CSS, bir biçimlendirme dilinde yazılmış bir stil sayfası dilidir. CSS, düzen, renkler ve yazı tipleri gibi Web belgelerinin sunum, görünüm ve biçimlendirme öğelerini tanımlar.

CSS sözdizimi kapsamlıdır ve her zaman tam sözdizimini bilmek veya mevcut tüm CSS özelliklerini ve karşılık gelen değerleri bilmek kolay değildir. Toptal, CSS geliştiricilerine ve tasarımcılarına yardımcı olmak için hızlı bir başvuru kılavuzu oluşturdu ve bunu topluluğa ücretsiz olarak indirdi. CSS başvuru kılavuzu, CSS sözdizimini, en önemli seçicileri, özellikleri, boyutları ve birimleri ve diğer yararlı CSS bilgilerini kısa ve bilgilendirici bir biçimde içerir. CSS hile sayfasını değerli bir kaynak bulacağınızı umuyoruz.

Ayrıca, yaygın CSS hataları, bir CSS işe alma kılavuzu, CSS mülakat soruları ve CSS ipuçları ve en iyi uygulamalar hakkında ek bilgi için Toptal kaynak sayfalarına da göz atabilirsiniz.

CSS Hile Sayfasını İndirmek İçin Buraya Tıklayın

CSS Hile Sayfası

Sözdizimi		Kutu Modeli
/* Yorumlar */ @ortam türü { seçici { mülk değeri; } } Not: ortam türü isteğe bağlıdır
Satır İçi Stil <etiket>
Gömülü Stil <kafa> <stil türü="metin/css"> seçici { özellik: değer; } </style> </head>
Harici Stil Sayfası <kafa> <link rel="stil sayfası" type="text/css" href="style.css" /> </head>		kutular
		marj	kenar boşluğu kenar-sağ kenar boşluğu-alt kenar-sol

seçiciler		dolgu malzemesi	dolgu üstü dolgu-sağ alt dolgu dolgu-sol
*	tüm öğeler
etiket	Tüm etiket öğeleri	sınır	sınır üstü sınır-sağ sınır-alt sınır-sol
etiket *	Etiket içindeki tüm öğeler
etiket etiketi2	etiket içindeki tag2 öğeleri	sınır rengi	kenarlık rengi kenarlık-sağ-renk kenarlık-alt-renk kenarlık-sol-renk
etiket, etiket2	Tüm etiket ve etiket2 öğeleri
etiket > etiket2	tag2, etiketin bir çocuğudur	sınır tarzı	kenarlıklı tarz kenarlık-sağ-tarzı sınır-alt-tarzı kenarlık-sol-tarzı
etiket + etiket2	tag2'den önce etiket gelir
.sınıf	'Sınıf' sınıfına sahip öğeler	sınır genişliği	kenarlık-üst-genişlik sınır-sağ-genişlik sınır-alt-genişlik kenarlık-sol-genişlik
etiket.sınıf	'class' sınıfına sahip tüm etiketler
#İD	'id' kimliğine sahip öğe	Boyut ve renkler
etiket#id	'id' kimliğine sahip etiket	göreceli boyutlar	em \| geri \| eski \| ch vw \| vh \| vmin \| vmax \| %
Sözde seçiciler
:aktif	Aktif öğeye stil ekler	Mutlak boyutlar	cm \| mm \| içinde piksel \| puan \| bilgisayar
:sonrasında	Öğeden sonra içerik ekler
:önce	Öğeden önce reklam içeriği	Renkler	Onaltılı #ff00ff
:ilk çocuk	İlk çocuğa stil ekler		RGB RGB(255,0,255)
:ilk harf	İlk karaktere stil ekler	konumlandırma
:İlk satır	İlk satıra stil ekler	konum	mutlak \| sabit \| akraba \| statik \| miras
:odak	Odaklanmış öğeye stil ekler
:vurgu	Fare bittiğinde stil ekler	batmadan yüzmek	sol \| sağ \| hiçbiri \| miras
:bağlantı	Ziyaret edilmemiş bağlantıya stil ekler
:ziyaret	Ziyaret edilen bağlantıya stil ekler	sağ üst, sol alt	Kenardan ofseti ayarlar
Metin
font ailesi	yazı tipi ailesini belirtir	açık	sol \| sağ \| her ikisi \| hiçbiri \| miras
yazı Boyutu	Yazı tipi boyutunu belirtir
yazı stili	normal \| italik \| eğik \| miras	Görüntüle	Belge akışına öğe yerleştirmeyi belirtir

yazı tipi değişkeni	normal \| küçük harfler \| miras	taşma	görünür \| gizli \| kaydırma \| oto \| miras
yazı tipi -ağırlık	normal \| kalın \| daha cesur \| çakmak \| int (100- 900) \| miras
		görünürlük	görünür \| gizli \| çöküş \| miras
renk	Metnin rengini ayarlar
satır yüksekliği	normal \| int \| % \| miras	z-endeksi	oto \| int \| miras
Metin hizalama	sol \| sağ \| merkez \| haklı çıkarmak \| miras	Boyutlar
		yükseklik	oto \| int \| % \| miras
Metin- dekorasyon	hiçbiri \| altını çiz \| üst çizgi \| hat geçişi \| göz kırp \| miras	maksimum yükseklik	hiçbiri \| int \| % \| miras
		maksimum genişlik	hiçbiri \| int \| % \| miras
metin girintisi	int \| % \| miras	min-yükseklik	int \| % \| miras
Metin- dönüştürmek	hiçbiri \| büyük harf kullanmak \| büyük harf \| küçük harf \| miras	minimum genişlik	int \| % \| miras
		Genişlik	oto \| int \| % \| miras
dikey - hizalamak	int \| % \| temel \| alt \| süper \| üst \| metin üst orta \| alt \| metin-alt \| miras	Diğer
		arka fon	Biçim: arka plan (renk) (resim) (tekrar) (konum)
Beyaz -uzay	normal \| şimdi rap \| ön \| ön hat \| ön sarma\| miras
		imleç	İmleç türünü ayarlayın
kelime aralığı	normal \| uzunluk \| miras	tırnak	Tırnak işareti türünü ayarla