CSS: font rəng, üslub, model, ölçüsü

Programming - güzgü: əvvəlində söz idi və geri öz əksini tapmışdır. Və çox tez "dəyişiklik" idi: Bu nöqtədə ilk güzgü, sonra söz ... stil kaskad -, amma niyə belə uzun bir geliştirici ağla yaxşı gedirdi edir? CSS - bu yalnız bir müxtəlif perspektiv, kompüter proqramlarının bütün eyni array dəfə era var. kütlələri olmaq Hətta assosiativ inqilab deyil.

veb səhifə - bir müəyyən stil və ya stil sinif tanıdan aid edilə bilər HTML-biçimlendirme, tags. ilk dəfə müəyyən edilə bilər və hər şey çox lazım zaman isnad və ikinci bir xüsusi element məxsusdur.

üslub təsviri ümumi məntiq

Ənənəyə görə, stil CSS fayl yerləşdirilib, lakin onun stil atributu müəyyən bir element aid edilə bilər. stil JavaScript alətləri dinamikası yaradıla bilər. xüsusi əhəmiyyət kəsb kimi vasitəsilə, məsələn, təsvir deyil, CSS rəng font, ölçüsü, qulaqlıq, belə altında fon və. sonra təsvir, belə ki, daha yüksək prioritet və element təsvir əgər, əhəmiyyətli deyil !.: Yer təsviri style adətən iki fikir, kontekstində vacibdir Son olduğu kimi, aydın prioritet müəyyən qeyd edildi.

Məsələn, müəyyən bir font color dəyişiklik rəng, hər yerdə və hər şey ola bilər üçün stil edin. sual birlikdə bütün üslub sökme zamanı brauzerinizin buna reaksiya necə. Nə qədər bu CPU sərf etmisiniz?

İdeal halda, font color yalnız bir dəfə göstərilməlidir - bir klassik var. bir neçə sadə təsviri üçün düşünün və sonra başqa və başqa ... əlbəttə, edə bilərsiniz. Bu moda, lakin praktik deyil.

NÜMUNƏ ümumi məntiq

Çox sadəcə üç elementləri üçün CSS rəng ilə müəyyən, bu, ən azı üç uzun sürən problem almaq mümkündür:

# Ele1 # Ele2 # Ele3 {
Vəzifə: mütləq;
Sol: 20px;
top: 14px;
color: red;
}

# Ele2 # Ele3 {
Sol: 90px; CSS üfüqi koordinatları dəyişir //
color: yellow; font CSS rəngini //
}

# Ele3 {
top: 114px; CSS dəyişdirmək // şaquli əlaqələndirmək

color: green; bir daha font CSS rəngini //

background-color: lightgrey; // CSS mətn qeyd rəng dəyişdi, lakin bu # Ele1 və # Ele2 mövcud deyil; burada, mövqeyi də dəyişib, lakin bu, # Ele2 dəyişib və

}

İndi biz bu üç elementləri bütün bir yerdə müəyyən edilir unutmayın ki, var, və site sahibi rəng nümayəndəliklərinin bir dəyişiklik halda, geliştirici rəng haqqında, həm də sol və üst qaydaları haqqında deyil, yalnız xatırlamaq və hətta mətn məqamı rəng unudulmaması lazım dəyişdirmək lazımdır.

bütün developers revered olunur tələb CSS: Style ID - yalnız bir element, və sinif stil - çox tags, sifətlər kimi tags son mümkün nöqtə qoyub:

• CSS font rəngi seçin - stil groundColor sinif;
• font ölçüsü müəyyən - sinif size15;
• set mövqe - sinif PlaceUp.

Təbii ki, onlar eyni qeyd element səhifə elementləri yüzlərlə müxtəlif birləşmələri boyalı top on stil dərsləri, aid, xüsusilə tanımlayıcıları istifadə. Amma hər şey öz obyektiv məntiq var.

developer sadəcə düzgün nəzərə almaq lazımdır: font color hətta HTML, CSS , ağır təsvir etmək üçün təsvirləri ümumi strukturu rahatlıq təklif edir - ki, onun iş var.

ümumi məntiq istifadə gözlənilən nəticə

Modern brauzerlər stil faylları və həcmi bir çox rahat. Lakin, dizayn, CSS vasitəsilə xüsusilə, bütün səhifə rəng, siz həmişə ağlabatan kifayət düşünmək lazımdır. tətbiqi Bütün stil qaydaları "ucuz" baxmaq. Simple yığcam giriş: * {color: white;} - gözəl əlbəttə, ancaq istisna olmadan, səhifə bütün elementləri tətbiq edilir.

CSS ən əhəmiyyətli ilə təchiz bütün qaydaları, Of:

• stil - sinif, sonra adı ilə başlayır "."
• stil - identifikatoru və onun adı bir "#" xarakteri ilə başlayır;
• digər hallarda - adı tag və ya xüsusi bir şey

Styles təsviri fikir qalan hissəsi (miras xassələri, prioritetləri, mövqeyi, və s. D. üst-üstə düşür) ağıllı və ciddi zəruri istifadə olunmalıdır.

həmişə əldən browser, şərhində həyata deyil ki, xüsusi sürprizlər olmayacaq. bir şey doğru yerdə deyil, və ya müəyyən əgər CSS font color səhv üslubunda, buna görə də, mümkün deyil.

gözlənilməz imkanlar

* {sol kimi üslub sui-istifadə edilməməlidir: 124px; } və ya

ol ol, ol ul, ul ul, ul ol {margin-bottom: 0; }
bir img {border: 0; }

onlar kimi CSS qaydaları istifadə etmək hətta təcrübəsiz geliştirici etmək çətin olsa da. Həmişə hər hansı bir saytda inkişafı, hətta mükəmməl sadə CSS sintaksis gözlənilməz problem verir. sintaksis düzgün istifadə birbaşa səyləri, lakin tətbiq Lakin, JavaScript funksionallıq yeni və gözlənilməz imkanlar monoton hər bir element üçün tanımlayıcıları yaratmaq qarşısını almaq olacaq, və ya üslub və dərsləri müxtəlif istifadə nəzarət edir.

CSS - yalnız stil tag vasitəsilə daxil link tag ilə səhifə bağlı və ya daxil bir stil fayl. Bu mövcud bir Tez bir stil yaratmaq və ya dəyişdirmək üçün də mümkündür.

CSS istifadə edərək, font color program edilə bilər. Eləcə də ölçüsü və mövqeyi, qaydalarından kimi. Ana səhifə - CSS, HTML, PHP və ya JavaScript təsiri flash bilik tətbiq etmək bir məqsəd deyil.

Web resurs - müəyyən bir şəkildə təklif bütün məlumatların ilk. Bu səhifə server hələ də isə CSS yaxşı, bu, yaratmaq mümkündür necə lens vasitəsilə dinamikası görülür nə, istədiyiniz stil (bu site ziyarətçi gəldi o site inkişaf zaman deyil geliştirici zaman mövcud PHP deyil) bu xüsusi qonaq baxır zaman xüsusi mətn müvafiq məzmun üçün, və ya, iş səhifə kimi Tez bir stil sinif və ya identifikatoru yaratmaq.

statik dinamikası

adekvat content - Biz həmişə dinamik məzmun və dizayn etmək üçün inkişaf etmiş tapmaq JavaScript-kod yazmaq olmaz. Bəzən düzgün mövcud imkanlardan istifadə etmək kifayətdir. Xüsusilə, CSS font rəng ilkin statik qayda müəyyən, bu qayda (gizli) gizlətmək və müxtəlif (görünən) görüntüləmək bilər.

Burada natiq alqoritm tələb etmir:

// saytında giriş düyməsinə vurğulamaq
funksiyası scfWelcomeOver () {
document.getElementByID (scDocxNamePiP) style.visibility = 'görünən' .;
}

// saytında giriş düyməsinə gizlətmək
{) (ScfWelcomeOut fəaliyyət
document.getElementByID (scDocxNamePiP) style.visibility = 'gizli' .;
}

rəng fading tickers, şəffaf elementləri, müxtəlif qaydalara bindirmeler, ekran, CSS öz dinamikası təklif edir. CSS, font color heç bir üslub qayda nəzərdə deyil, hətta, belə ki, edilə bilər.

Dynamic content ekran

heç bir doqmaların olsaydı, bəlkə heç bir irəliləyiş olacaq. Yalnız bu mübarizə kimi nə. Hypertext dünyaya ehkam bir çox gətirdi. Onlara diqqət və praqmatik və praktiki üslubunda sites inkişaf başlamaq üçün vaxt.

Əvvəlcə bir səhifə (P) var, content (K) bəzi səhifənin bütün tags stil (S) təsvir edilir. verilənlər bazası K seçerek server PHP və ya Perl vasitəsilə yeni bir forma P səhifə. Mövcud stil S avtomatik olacaq. Lakin, K dəyişdirilə bilər, və əksər hallarda, belə bir dəyişiklik digər üslub ehtiyac ki, S + səbəb olardı.

Məsələn, müştəri dedi: Las Vegas "və üslubunda elmi və texnoloji tərəqqi haqqında məqalələr" ModernTehno "üslubunda gecə küy izah" ZaZavtrakom "xəbərlər üslubunda bəzədilmiş əgər site Moskva həyat, daha yaxşı görünür təsvir" ". bu variantları üç S etmək əgər Lakin, müştəri məqalələr bir sıra "Xəbərlər", "bayram", "İş", "CSS / HTML» bonus "HozyaykeNaZametku" üçün fikir yoxdur ki, heç bir təminat yoxdur.

Başqa bir yanaşma daha praktik. Asılı olmayaraq maddənin kateqoriya müəyyən bir rəng boyalı bilər məzmun həmişə var. Bu yerdə çox həssas fikir var: adekvat S yaratmaq üçün hələ server, xüsusi K almaq və browser P tələb edəcək, o müvafiq rəsmiləşdirilməsi sağ məzmun əldə edəcək.

JavaScript Dynamics stil

Minimum, çox effektiv həlli baxmayaraq - müştərinin browser birbaşa dizayn etmək. Birincisi, bu server azad - bunun üçün mətn pages və stil faylları formalaşması vaxt sərf etmək olmaz.

o, hələ buna görə də, o, ardıcıl və düşüncəli məlumat çıxış edirəm toplu content görmür: Second, browser daxilində zaman təbii tullantıları səhifə biznes tərəfindən işğal və fəal qonaq dialoq dəstəkləyir effekti yaradacaq.

Üçüncüsü, bu geliştirici o rahat olan bu stil məzmun qonaq mexanizmi təmin edir. Bu da heç deyil.

bu fikri həyata keçirmək üçün, dərhal səhifə yük sonra stil elementlərinin yaradılması üçün bir mexanizm həyata keçirmək lazımdır, və onun əməliyyat zamanı. Modern site - müəyyən bir formada AJAX var. Bu birbaşa səhifə ağac formalaşması prosesində üslub formalaşması həyata keçirmək çətin deyil. content onun qeydiyyatı ilə yanaşı, çünki, asan əlverişli və effektiv.

Bu emal data çıxış ekran tərk məlumatların təqdimat ayırmaq üçün müasir tendensiya zidd deyil.

fəal tərkib hissəsi kimi CSS

Hypertext yaxşı bir çox gətirdi, lakin təbii məlumat yalnız kiçik bir hissəsini uğurla rəsmiləşdirilir edilib alətləri və yüksək keyfiyyətli HTML, XML, CSS sənədlər yaradılması təcrübəsi var idi. Bir problem informasiya yeni həcmdə rəsmiləşdirilməsi və artıq daha əvvəl edilən dəyişiklik.

CSS ilə əlaqədar bu proses tam fərqli bir məzmunda aktivləşdirilib. Daxili belə bir ehtimalı təxmin etməyib elementlərinin elementləri və üslub yaratmaq üçün "Tez" imkan JavaScript tools, və PHP yaradıcıları, xüsusilə, yalnız HTML pages formalaşması ilə məşğul olacaq güman.

Həm birinci və ikinci proqramlaşdırma üslub etmək imkan verir. informasiya texnologiyaları sahəsində yeni istiqamət. Styles XML və ya HTML xeyli çox formal şey, qaydaları çox sadədir. Style olursa olsun necə təbii, həmişə məlumat mövcuddur.

Qeydiyyat bazası proqramçılar daha rəsmiləşdirilir sektorlarda həmişə məşğul, lakin CSS theme - bir çox sadə məsələ, lakin elə inkişaf prosesinin baxımından sahəsində daxil etməyib.

proqramlaşdırma sahəsində ehkam On

bir aysberq kimi, bir ehkam uzun expanses məlumat furrowing bilməz. Keçmiş təcrübə yalnız HTML və CSS-standartlara, tools onlarla işləmək, bilik developers cəmləşdirmək idi.

A sadə məsələ - CSS font rəng vasitəsilə etmək - mükəmməl həll tapdı. Qaydalar sintaksis, məntiq və rahatlıq mübahisəsiz var. Amma font həqiqətən, təcrübə üçün rəng bir çox hətta çox lazım deyil, və Situasiya bilik getmək zaman həqiqətən bütün yığılmış "güc" HTML və CSS lazım deyil virtuallaşdırma reallıq məqsədləri üçün bir vaxt gəlir çoxaltmaq və nümayiş təcrübə və məzmun üslub təbii formalaşması tools.

Bu necə olacaq, tamamilə aydın ola bilər, lakin proses təbii ki, yol artıq edir.