CSS Effects: elementləri dairəvi guşələrindən

Cascading Style Sheets Sintaksis ən gözlənilməz dizayn almaq imkanı belə uzaq proqramlaşdırma və insan sites inkişafı mövcuddur ki, sadəcə nəzərdə tutulmuşdur. Bəlkə uşaq blokları hər kəsin yaddaşında qalacaq ilə oynamaq HTML çoxşaxəli təcrübəsindən istifadə ki, CSS asandır.

Lakin, cari proqramlaşdırma çox uzaq reallıq tikililər təqdim hələ. İndiyə qədər, hər hansı bir sahə onun mənası və istədiyiniz curve kontur xətti ərzində təşkil bir düzbucaqlı formalı, formal təyin hər hansı (Əgər blok element kimi nə işğal).

İndiyə qədər, hər hansı bir dairə, bir əyri düz və s. P. mürəkkəb riyazi tənliklər və ya çox kiçik kublar, trapezoids, üçbucaq və ya line nöqtəsi kimi göz seçilən digər düzxətli elementləri təsvir necə radius yuvarlaqlaşdırma.

Classic Straight dizayn

Bu proqramlaşdırma və informasiya texnologiyaları sahəsində irəliləyiş düzbucaqlı dizayn leqallaşdırılmış ki, təəccüblü deyil. Yenilikçi ideyaları bir dairəvi forma vaxt sərf etməyib, lakin geliştirici kifayət qədər xüsusiyyətləri və HTML tags qaydaları, CSS və əlaqədar proqramlaşdırma dilləri sərəncamında təqdim unutmayın.

səhifə istifadə hər hansı bir element hər halda krossbrauzernosti tələblər biçimlendirme xüsusiyyətləri xüsusi məzmun mövcud sintaktik konstruksiyaların nəzərə yalnız zəruri istifadə olunmalıdır bir neçə hissədən, ayrılmış olan bir düzbucaqlı sahə edir.

CSS üçün ümumi qaydalar

Cascading Style Sheets aşağıdakı elementləri təsvir etmək üçün təklif edirik:

• əmlak: dəyər.

Bu halda, əmlak - xüsusi adı və dəyəri adı və ya adları və ya dəyərlər bir siyahı ola bilər.

blok elementləri və CSS guşələrindən dairəvi vasitəsilə etmək üçün ehtiyac gəldikdə, bu format "38px" və ya "8PX 16px 24px 38px" sərhəd-radius əmlak və onun dəyəri istifadə etmək anlamlı.

bir sıra verdiyi dəyər, bu, bütün açılar üçün bu müəyyən olunacaq. Record bütün dörd dəyərlər:

• ilk sayı - yuxarı sol küncündə etmək;
• ikinci - Yuxarı sağ üçün;
• üçüncü - aşağı sağ;
• son - aşağı sol.

qaydaları bəzi Paylaşma

Concepts sərhəd, şəkil və fon birlikdə istifadə edilə bilər. Bu normal və qaydaları ümumi tərkibinin formalaşdırılması, bir-biri ilə qarışmırıq qeyd edib. Əsas odur ki, - onların hər birinin adı təmsil ki, hesab və necə tətbiq olunur.

bu və ya element həyata əvvəl, çox brauzerlərdə bəzi təcrübələr və test işlərinin aparılması vacibdir. məsləhət Orientation, tövsiyələr, üçüncü tərəf və ya CSS sintaksis nümunələri guşələrindən dairəvi və s. N. öz təzə təcrübə daha nadir hallarda yaxşıdır.

Bu anlamaq üçün vacibdir ki, sərhəd, şəkil, dizayn açılar baxımından - anlayışı eyni tipli. Drawing png formatında deyil təqdim edilə bilər. O, CSS müəyyən edilmiş qaydalara uyğun olaraq, brauzer tərəfindən kəsiləcək. Yumru guşələrindən - qayğıkeş geliştirici asılı olmayaraq mənbə squareness edir.

Xüsusiyyətlər HTML, CSS brauzerlər

Xoş Style qeyd topdansatış - Bir dəfə bütün brauzerlər üçün. mövzusunda klassik nümunələri Hər halda: təklif belə yazmaq üçün "CSS guşələrindən dairəvi"

background: # FF7F00; / * Background * /

sərhəd: 1px #CCCCCC bərk; / * Sərhəd * /

-moz-sərhəd-radius: 10px; / * CSS * / Mozilla Firefox üçün guşələrindən dairəvi

-webkit-sərhəd-radius: 10px; / * ... Safari və Chrome üçün * /

-khtml-sərhəd-radius: 10px; / * ... Konquerer * /

sərhəd-radius: 10px; / * CSS * / və s. Bütün guşələrindən dairəvi. N.

Lakin, əksər hallarda, bu da ötən qayda müəyyən etmək üçün kifayətdir. bir real ehtiyac var yalnız ixtisar istifadə olunmalıdır.

Classic və gözəl masa

çoxsaylı mübahisələr tərəfdarları masa layout (tr, td) və div tags və span istifadə seçimi ( «ecazkar" layout) məntiqi zəruri obyektiv təcrübə bəxş seçimi baxmayaraq.

divs digər cədvəllərdə bir ləyaqət var. onlar bir-birini tamamlayır, və yalnız rəqabət deyilsə, sual tez masalar və divs ən yaxşı aspektləri özündə birləşdirir bir versiyası buxarlanan olardı.

sites çoxu CMS (content management sistemi) istifadə yaradılmışdır, və geliştirici sərəncamında qovluq, obyektlərin, həm də masalar yüzlərlə "nəhəng" Kümeleri geniş deyil gəlir.

Tag [div | span] kimi önə deyil, geliştirici tam mərhəmət dəqiq gəlir yeganə şey - bir CSS stil. Və hər hansı bir CMS aydın geliştirici yaradıcılıq və əlavə stil öz üslub kodu bir hissəsi ayıran və dəyişikliklər halda (məsələn, css - masa guşələrindən yuvarlaqlaşdırma), siz həmişə parametrləri və default üslub bərpa edə bilərsiniz.

Curves və açılar sintaksis ilə əhatə olunmayan

Siz ciddi HTML, CSS bütün qaydalarına riayət edə bilər, lakin bir nəticə var, onlar təmin olunur. bir-birinə elementləri superimposing, hər hansı bir konfiqurasiya hər hansı bir region əldə etmək mümkündür. server PHP-inkişaf istifadə edərək, HTML-fayl və ya ayrı-ayrı js fayl orqanı onlara müvafiq JavaScript kodu əlavə etmək ziyarətçinin brauzerində və hər hansı bir stil faylları göndərə bilərsiniz.

Hər hansı bir circuit variant, əmlak element hər hansı formada CSS qaydaları! Yumru guşələrindən - sadəcə xüsusi və real imkanlar çox genişdir. Bu halda, öz obyektləri proqramlaşdırma, siz istisna brauzerlər olmadan, yalnız tags və bütün qəbul edilir mətn dildə strukturu istifadə fərdi brauzerlər xüsusiyyətlərinə diqqət bilməz.

obyekt-yönümlü proqramlaşdırma fikir istifadə edərək, bir küncündə görünüşünü dizayn edə bilərsiniz və ya bir curve açıq-aydın hər hansı bir browser formaları nəzərdə deyil. Bu halda, bu, ilk düzbucaqlı forma idi sahəsi künc olacaq ki, lazım deyil. Bu bir vizual JavaScript obyekt kodu daxil və yerdir brauzerinizin doğru zamanda birləşmiş CSS qaydaları şəklində təsvir əyri, komponentləri, düzgün formada özünü əks etdirir vacibdir.

Bu texnologiya üç ölçülü təyyarə və ya şou animasiya özlərini reallaşdırmaq üçün belə obyektləri ilə qarışmır.