CSS Etkileri: elemanlarının yuvarlak köşeler

Basamaklı Stil Sayfaları sözdizimi en beklenmedik tasarım elde etme olasılığı bile uzak programlama ve insan sitelerinin gelişimi edinilebilir böylece basitçe tasarlanmıştır. Belki çocuklar bloklar herkesin belleğinde kalır ile oynamak HTML çok yönlü tecrübeleri olması, CSS kolaydır.

Bununla birlikte, mevcut programlama çok uzak gerçeklik yapılarını sunan gelen hala. Şu ana kadar herhangi bir bölge, anlam ve istenilen eğri kontur çizgisi içinde oluşturulan bir dikdörtgen şeklin resmi randevu hiçbirinde (eğer blok elemanı ne gibi işgal).

Şu ana kadar, herhangi bir daire, bir kavisli düz ve böyle devam eder. S. karmaşık matematik denklemleri veya çok küçük küpler, yamuk, üçgenler veya hat üzerinde bir nokta olarak göze ayırt edilebilen başka çizgisel öğeleri açıklar ne kadar, yuvarlama çapı.

Klasik Düz tasarım

Programlama ve bilgi teknolojileri alanında ilerleme dikdörtgen tasarım yasallaşması olması şaşırtıcı değildir. Yenilikçi fikirler yuvarlak şekline zaman israf yoktu, ama geliştirici yeterli özellikler ve HTML etiketleri kuralları, CSS ve ilgili programlama dillerinin emrinde sunmayı ihmal etmeyin.

sayfada kullanılan Herhangi eleman her durumda krossbrauzernosti şartlar biçimlendirme özellikleri belirli içerik mevcut sözdizimsel yapılar dikkate yalnızca gerekli kullanılması gerektiğini çeşitli yerlerinde, tahsis edildiği dikdörtgen alandır.

CSS için genel kurallar

Basamaklı Stil Sayfaları aşağıdaki gibi unsurları açıklamak için sunuyoruz:

• özelliği: değer.

Bu durumda, emlak - özgü ad ve değer bir isim ya da isimlerle ya değerlerinin listesi olabilir.

blok elemanlarını ve CSS yuvarlatılmış köşeleri ile yapmak zorunda ile ilgili olarak, bu biçim "38px" ya da "8px 16px 24 piksel 38px" sınır yarıçap özellik ve değer kullanmak mantıklı.

tek bir numara tarafından verilen değerden halinde bütün açıları için olanlara ayarlanacaktır. Tutanak dört değerler şunlardır:

• İlk sayı - sol üst köşesine;
• İkinci - sağ üst;
• Üçüncü - alt sağa;
• son - Alt sola.

bazı kuralları Paylaşım

Kavramlar sınır, görüntü ve arka plan birlikte kullanılabilir. Bu normaldir ve kuralları genel bileşiminin oluşturulması, birbirine karışmaz söz. Önemli olan - her birinin adı temsil gerçeği hesaba ve nasıl uygulanır.

Şu ya da bu eleman uygulamadan önce, birden fazla tarayıcılarda bazı deneyler ve test çalışmalarını yürütmek için önemlidir. tavsiye Oryantasyon, tavsiyeler, üçüncü taraf veya CSS sözdizimi örnekleri, yuvarlak köşeler, vb. N. kendi taze pratikte daha nadir olarak iyi mi.

Anlamak önemli olduğunu sınır, görüntü, tasarım açıları bakımından - kavram aynı tip. Çizim png-biçiminde değil sunulabilir. O CSS kurulan kurallara göre, tarayıcı tarafından kesilecektir. Yuvarlak köşeler - sevecen geliştirici bakılmaksızın kaynak malzemesinin squareness arasında.

Özellikler HTML, CSS tarayıcılarından

Hoşgeldin Stil kayıt toptan - Bir defada tüm tarayıcılar için. konu üzerine klasik örnekler neyse: teklif yüzden yazmaya "CSS yuvarlak köşeler":

background: # FF7F00; / * Arka plan * /

border: 1px #cccccc katı; / * Kenar * /

-moz ötesi-yarıçapı: 10px; / * CSS * / Mozilla Firefox için yuvarlak köşeler

-webkit ötesi-yarıçapı: 10px; / * ... Safari ve Chrome için * /

-khtml ötesi-yarıçapı: 10px; / * ... konquerer * /

Çerçeve-yarıçapı: 10px; / * CSS * / ve benzeri tüm köşeleri yuvarlanmış. N.

Ancak, çoğu durumda, son kuralı belirtmek için yeterlidir. Gerçek bir ihtiyaç vardır sadece Fazlalık kullanılmalıdır.

Klasik ve harika tablo

sayısız tartışmalar destekçileri masa düzeni (tr, td) ve div etiketlerini ve yayılma kullanma seçeneği ( «muhteşem" düzeni), makul gerekli objektif uygulama tercih seçeneği rağmen.

div ise diğer tablolarda bazı onurlular. birbirlerini tamamlayacak ve sadece rekabet yoksa, soru hızla tablo ve divs iyi yönlerini birleştiren bir versiyonunda buharlaştırılarak olurdu.

sitelerin çoğu CMS (içerik yönetim sistemi) kullanılarak oluşturulan ve geliştirici bertarafı içinde klasörler, nesneler, aynı zamanda tabloları yüzlerce "dev" veri setleri geniş bir yelpazede sadece gelir.

Etiket [div | yayılma] gibi, öne değil, geliştirici tam insafına tam gelen tek şey - bir CSS stil. Ve herhangi bir CMS açıkça geliştiricinin yaratıcılık ve katma tarzı kendi tarzları kodu, bunun bir parçası ayırır ve değişiklik durumunda (örneğin css - masanın köşelerini yuvarlama), her zaman ayarları ve varsayılan stilleri geri yükleyebilirsiniz.

Eğriler ve açılar sözdizimi kapsamadığı

Sen kesinlikle HTML, CSS tüm kurallarına uymak, ancak bir sonuç var, onlar verilmez. birbirlerine elemanlar üst üste, herhangi bir şekle sahip herhangi bir bölge elde etmek mümkündür. sunucuda PHP gelişimini kullanarak, HTML dosyası veya ayrı bir js dosya gövdesinde kendilerine uygun JavaScript kodunu eklemek ziyaretçinin tarayıcısı ile herhangi bir stil dosyaları gönderebilir.

Herhangi devre varyantı, mülkiyet elemanının herhangi bir biçimde CSS kuralları! Yuvarlak köşeler - sadece belirli ve gerçek fırsatlar çok daha geniştir. Bu durumda, kendi nesneler programlama, istisnanın tarayıcılar olmadan, sadece etiketleri ve herkes tarafından algılanan köprü dillerin yapısını kullanan bireysel tarayıcıların özelliklerine dikkat olamaz.

nesne yönelimli programlama fikrini kullanarak, bir köşeye görünümünü tasarlayabilir ya da eğri belli ki herhangi bir tarayıcı formları tarafından öngörülmemiştir. Bu durumda, bu aslında bir dikdörtgen şekil oldu alanının köşe olacağı gerekli değildir. Tek bir görsel JavaScript nesnesi koduna ve doğru yer tarayıcıda doğru zamanda kombine CSS kurallarının şeklinde tarif eğrinin, bileşenleri, doğru biçimde kendini yansıtması önemlidir.

Bu teknoloji üç boyutlu düzlem veya gösteri animasyon kendilerini gerçekleştirmek için bu tür nesneler ile karışmaz.