CSS Box: bədahətən və təsiri

bütün məntiqi sadəlik üçün Cascading Style Sheets (CSS) mümkün deyil, yalnız bir möhtəşəm layihə həll yaratmaq üçün etmək, həm də faktiki kodu performansını yarışmaq üçün, real fəaliyyət elementləri təmin edir.

HTML-qeyd hər hansı bir vizual tag - xüsusi strukturu və məzmunu bir düzbucaqlı sahəsi. element koordinatları, ölçüsü, padding, rəng, font, font stil göstəricisi ibarətdir, və s. Frame CSS-element təyin Burada eni öz sərhədləri daxili yerləşir olan, onlara işğal olunmuş sahəsi göstərir.

sintaksis təsviri

müəyyən FIELD yerləşdirilməsi element səhifənin yuxarı sol küncündə (sol, top), üfüqi və şaquli istiqamətdə ölçüsü (eni, hündürlüyü) nisbi əlaqələndirir. Bütün dizayn və animasiya elementləri cüt edilir "mülkiyyət: dəyər".

Təsvir LINK arayış ona işarə edərək, stil daxil etmək üçün səhifə kodu və ya ayrı bir fayl birbaşa edilir. sintaksis:

#NAME {əmlak: dəyəri; əmlak: dəyəri; əmlak: dəyəri; ...}

və ya

.Ad {əmlak: dəyəri; əmlak: dəyəri; əmlak: dəyəri; ...}

adı da p, bədən, html, masa, td ola bilər ... ki, HTML-biçimlendirme tag adıdır. stil element təsviri ilə birbaşa bağlı ola bilər.

Siz öz yazı üslubu etmək əvvəl, bu və ya Ctrl-U browser birbaşa keçirmək üçün basaraq səhifə kodunu saxlamaqla, məşhur sites həyata necə zərər deyil.

əsas parametrləri

Əslində CSS çərçivəsində element təmsil stil (sərhəd-stil), rəng (sərhəd-rəng), eni (sərhəd-width). Bu, bütün bir əmlak yekun bilər - sərhəd. Siz müstəqil hər çərçivəsində sərhəd təsvir edə bilər (sərhəd-top, sərhəd-alt sərhəd-sol, sərhəd-sağ).

kaskad stillər ümumi qaydaları təsvir CSS çərçivəsində:

sərhəd: 3PX;
sərhəd-color: red;
border-style: ikiqat bərk dotted berbat.

ikiqat, sağ üst tərəfində - sol berbat, bərk alt - point: qırmızı, stil tərəflər - Bu təsviri 3 piksel rəng sərhəd eni müəyyən edir.

sərhəd-width: 1px 2px 4PX 8PX;
sərhəd-color: blue;
border-style: dotted.

mavi, və stil - - Burada hər tərəfdə ölçüləri üst saat yönünde, rəng ardıcıl də Spot.

sərhəd-color: mavi, qırmızı, yaşıl, qara,

Bu dəqiqləşdirilməsi, hər bir tərəfində rəng ifadə edildi. sərhəd əmlak çox parametrləri, və dəyirmi ola bilər çərçivəsində açılar daxil ola bilər:

sərhəd: 1px yaşıl bərk;
sərhəd-radius: 0px 4PX 8PX 12px;
-moz-sərhəd-radius: 0px 4PX 8PX 12px;
-webkit-sərhəd-radius: 0px 4PX 8PX 12px;

Bu səhifədə sahəsi dəqiq yeri və ölçüsü göstərmək vacibdir zaman adətən üslub təsiri texniki məqsədlər üçün istifadə olunur, çünki CSS çərçivəsində etmək üçün necə, bu, qonaq Kullanışlılık asılıdır.

çərçivəsində və onun məqsədi qalınlığı

çərçivəsində qalınlığı seçerek, siz ... pt, em px istifadə edə bilərsiniz, lakin bu sahədə element ərzində həmişə olduğunu nəzərə vurulmuş edilməlidir. Bu çərçivəsində CSS dizayn məqsədi var ki, güman etmək çətindir, lakin texniki bu səhifənin elementləri qeyd etmək çox faydalıdır.

əsas çərçivə sinif kilidli varsa, yalançı sinif onu ifadə edərək, yoxdur: hover, belə bir menyu elementi vurğulayaraq, bu imleci olduqda, səhifə element qonaq göstərilir. Bəzən image tıklayarak bir şey seçin, və ya haradasa bir şey sürükleyin lazımdır. Bu element fon və ya onun məzmunu dəyişdirmək üçün dot çərçivəsində istifadə və çox rahatdır.

Bəzi applications səhifənin sahələrinin ayrılmasını tələb, və ya sonrakı emal üçün maddələr seçin. Bu halda, klik zamanda sərhəd ilə bir div yaratmaq və kimi uzun qonaq siçan düyməsini azad deyil kimi, seçim əyani nəticə göstərərək, onu ölçüsünü.

Outside altında

məşhur sites tədqiqat kodları pages əhəmiyyəti kimi CSS tutorials, çox maraqlıdır. Lakin, öz resursları unikal olmalıdır, öz üz olmalıdır.

CSS çərçivəsində təmin sintaksis öz təşəbbüsü kimi müxtəlif vermir. Bədahətən - böyük bir başlanğıc, və heç bir şey öz çərçivəsində yaratmaq üçün geliştirici qarşısını alır. Xüsusilə bütün Internet texnologiya nailiyyətləri və mövcud standartların imkanları ilə həmişə ciddi formal olmuşdur (müəyyən) mövcud sintaksis, real çatışmazlıqlar əsasında bir çox perspektivli fikir var.

Xüsusilə, əgər müəyyən elementləri daxilində yaratmaq, belə hərtərəfli bunu uyğun görünür. bir bölgə tərəflər və açılar fərdi yazıları vurğulayaraq, siz gözəl effektləri əldə edə bilərsiniz. A təyin müvafiq işleyicileri, dinamik səhifə elementlər, mövqeyi, forma və məzmun dəyişir yarada bilərsiniz.