CSS: ҳарф ранги, сабки, намунае, андозаи

Барномасозӣ - оина: дар ибтидо Калом буд, ва баргардонида намешавад инъикос карда мешавад. Ва хеле зуд онро ба "тағйири» дошт: оина аввал, он гоҳ калимаи ... Дар ин бора, обшорӣ услубро - аст, хуб аст, аммо чаро то даме он буд, рафта ба ёд як таҳиякунанда? CSS - он ҳама ҳамин маротиба массиви даврони барномаҳои компютерӣ, вале танҳо дар назари гуногун. Ҳатто вақте ки оммаи табдил инқилоби ассотсиативии карда намешавад.

Саҳифаи сомона - он барчаспҳои HTML-рақам, ки мумкин аст ба як сабки ё Услуби муайянкунандаи синфи муайян қоил шуданд. Дар аввал мумкин аст як бор муайян карда ва ба васфаш ба ҳар чизе, хеле зарур вақт, ва дуюм аз они як унсури махсус.

Дар мантиқи умумии тавсифи сабкҳои

Бо ривояти, сабки аст, ки дар CSS-файл гузошта, вале мумкин аст ба як унсури махсусан дар аттрибутӣ сабки он қоил шуданд. Дар сабки мумкин аст, дар љараёни воситаҳои JavaScript биёфарид. Аз аҳамияти хоса аст, на ҳамчун тасвир, барои мисол, ба воситаи ранги CSS ҳарф, андозаи он, гӯшмонак, замина зери он ва ғайра. Макон сабки тасвири дар заминаи, одатан ду ғояҳои муҳим аст: баъдтар шарҳ дода мешавад, то он як тақдими болотар аст, ва агар дар унсури тасвир, муҳим мекунад !. Сабти охир-он аст, ки ба таври равшан афзалият муайян мекунад.

Apply сабки ба, масалан, ранги тағйири ранги муайян, метавонад дилхоҳ ва чизе. Суол ин аст, ки чӣ тавр муносибат ба он дар як браузери давоми disassembly тамоми сабкҳои якҷоя. Чӣ қадар ӯ дар ин CPU сарф кардед?

Идеалӣ, ранги бояд танҳо як маротиба нишон дода - он классикӣ аст. Фикр ба тавсифи оддии ҳамсарон, ва он гоҳ дигар ва дигар ... Албатта, шумо метавонед. Ин муд, вале амалӣ аст.

мантиқи умумии НАМУНА

Хеле танҳо бо ранги CSS барои ҳамаи се унсури муайян карда мешавад, мумкин аст, ки ба даст на камтар аз се проблемаҳои дарозмуддат иҷро:

# Ele1, # Ele2, # Ele3 {
ВАЗЪИ: мутлақ;
чап: 20px;
ба боло: 14px;
Ранги: сурх;
}

# Ele2, # Ele3 {
чап: 90px; // ба CSS координатҳо уфуқӣ тағйир
ранги: зард; // ранги CSS ҳарф тағйир
}

# Ele3 {
ба боло: 114px; // ба CSS тағйир ҳамоҳанг амудии

ранги: сабз; // бори ранги CSS ҳарф тағйир

замина-ранги: lightgrey; // ранги CSS матн таъкид тағйир, ин аст, айни замон дар # Ele1 ва # Ele2 нест; мавқеи низ тағйир, балки он дар # Ele2 тағйир нестанд, чунон ки дар ин ҷо

}

Акнун мо ба хотир дорем, ки ҳамаи ин се унсури аст, дар ҷое муайян, ва дар сурати тағйир додани намояндагиҳои ранги соҳиби сомона, аз таҳиякунанда хоҳад доранд ба хотир, на танҳо дар бораи ранги, балки ҳамчунин дар бораи қоидаҳои чап ва боло, ва ҳатто ба тағйир додани ранги амрњо матни фаромӯш нашавад.

На ҳамаи таҳиягарон шудаанд азизу CSS талаботи: Style ID - танҳо як унсури, ва сабки синф - бисёр барчаспҳои, ба ғайр аз охирин нуқтаи имконпазир дар барчаспҳои ҳамчун adjectives:

• насб кардани ранги ҳарфҳо дар CSS - синфи groundColor сабки;
• муайян кардани андозаи ҳарф - size15 синфи;
• мавқеи маҷмӯи - синфи PlaceUp.

Табиист, ки истифодаи мушаххасот, хусусан вақте ки онҳо ба элементи аломатгузории тааллуқ болои даҳ синфи сабки, рангубор дар таркиби гуногуни садҳо унсурҳои саҳифа. Аммо ҳама чиз дорад, мантиқи ҳадафи худро дорад.

Таҳиякунандагони танҳо дуруст бояд ба инобат гирифта: ҳатто агар ранги ҳарфҳо аз HTML, CSS пешниҳод ба тасвир сахт, ин фасеҳии сохтори умумии тасвири - ки кори худ аст.

Дар натиҷа дар назар истифодаи мантиқи умумӣ

браузерҳои муосир бароҳат бо як файлҳои сабки ва ҳаҷми мебошанд. Бо вуҷуди ин, лоиҳакашӣ, аз ҷумла тавассути CSS, ранг кардани тамоми саҳифа, Шумо ҳамеша бояд кофӣ оқилона фикр кунед. На ҳамаи қоидаҳои сабки «арзон» назар дар ариза. вуруд laconic оддӣ: * {ранги: сафед;} - албатта зебо, балки ҳамаи унсурҳои саҳифаи дахл, бидуни истисно.

Аз ҳамаи қоидаҳои, ки бо CSS, аз ҳама муҳим муҷаҳҳаз:

• сабки - синф, ва он гоҳ ба номи бо сар "».
• сабки - муайянкунандаи ва номи он бо аломати "#" оғоз;
• дар дигар њолатњо - як теги ном ё ягон чизи махсус

Дар қисми боқимондаи ғояҳои Тавсифи дар сабкҳои (объектҳои мероси мепушонанд, афзалиятњои, вазифа, тартиб ва ба инҳо монанд. D.) Бояд intelligently ва қатъиян зарур истифода бурда мешавад.

Дар браузери ҳамеша дарсњо, оё дар тавсифи водор накардам, ба тавре ки лањзањои махсус нахоҳад кард. Агар чизе буд, дар ҷои рост нашудаанд ва ё насб кардани ранги ҳарфҳо дар CSS аст, имконпазир нест, бинобар ин, дар сабки хаторо.

имкониятҳои ғайричашмдошт

Оё сабкҳои монанди * {чап нест, таҳқир карда мешаванд: 124px; } ё

Ол Ол, Ол ул, ул ул, Ол ул {маржа-поёни: 0; }
як IMG {сарҳад: 0; }

Бо вуҷуди он ки мушкил кунад, ҳатто як таҳиякунанда эскизи истифода қоидаҳои CSS онҳо аст. Ҳамеша дар рушди гуна сомона, ҳатто наҳвӣ CSS комил оддӣ медиҳад мушкилоти ногаҳонӣ. Вале, агар кӯшишҳои мустақим ба истифодаи дурусти наҳвӣ, балки бурдани фаъолияти JavaScript аст, имкониятҳои нав ва ғайричашмдошт дурӣ якрангу эҷод муайянкунандаи шахсият барои ҳар як унсури, ё назорат кардани истифода аз сабкҳои гуногуни ва дарсҳо.

CSS - на танҳо як файли сабки аст, ки ба ин саҳифа тавассути теги пайванд ба воситаи теги сабки вобаста ё воридшуда ба он аст. Он, ҳамчунин, ба таъсиси як сабки оид ба магасе ё тағйир додани яке аз мавҷудбуда.

Бо истифода аз CSS, ранги метавонад programmatically анҷом дода мешавад. Инчунин андоза ва вазифа, доираи. Вебсайтро - аст, як ҳадаф ба кор бурдани дониш дар CSS, HTML, PHP ва ё JavaScript таъсири флешдор нест.

захираи Web - пеш аз ҳама иттилоот пешниҳод ба таври яқин аст. Ин аст, ки чаро CSS аст беҳтарин дар динамикаи тавассути Линзаи, ки чӣ тавр мумкин аст, ки ба ташкил дида, дар ҳоле, ки ин саҳифа то ҳол дар сервер (он аст, PHP дастрас дар вақти меҳмон сомона омад, на тањиягари дар вақте, ки ӯ буд, таҳияи сомона надорад), ки варақаро дилхоҳро як матни махсус барои мӯҳтавои дахлдор ва ё барои сохтани синфи сабки ё ташхискунандаи оид ба магасе ҳамчун саҳифаи кор, он гоҳ ки дар як меҳмони махсус назар.

динамикаи исто

Мо на ҳамеша бояд нависед пайдо мураккабтар JavaScript-рамзи ба маводи динамикӣ ва тарҳи он - як мазмуни муносиб. Баъзан он кофӣ ба таври дуруст истифода бурдани имкониятҳои дастрас аст. Аз ҷумла, аз ҷониби муайян CSS ранги қоида аввал статикӣ, шумо метавонед ин қоида (пинҳон) пинҳон медоранд ва тасаввур гуногун (намоён).

Дар ин ҷо, раиси тавр алгоритми талаб намекунад:

// ба таъкид тугмаи вуруди дар сомонаи
Функсияи scfWelcomeOver () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'намоён' .;
}

// пинҳон тугмаи вуруди дар сомонаи
фаъолият scfWelcomeOut () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'пинҳон' .;
}

CSS пешниҳод динамикаи худ: tickers, унсурҳои шаффоф, embodiments гуногун overlays, намоиши, бо тоқату рангҳо. Дар CSS, ранги баста шуданаш мумкин аст, ҳатто, то ки ҳеҷ кас ҳукмронии stylistic аст, пешбинӣ нашуда бошад.

Ба мазмуни Инъикоси динамикӣ

Агар нест, dogmas нест, шояд он ҷо намебуд, ҳеҷ пешрафт. Танҳо он чӣ ба он монанд ба ҷанг буд. Ҳиперматнии ба дуньё бисёр догма. Он вақт, ки ба диққати онҳо ва оғози сайтҳои дар сабки прагматикӣ ва амалӣ мутараќќї мебошад.

Сароғоз, аст, ки саҳифаи (P) вуҷуд дорад, ки баъзе аз маводи шумо (K), тамоми барчаспҳои саҳифаи дар сабки варақи (с) тавсиф карда шудаанд. Ҳатто як саҳифаи шакли P нав тавассути PHP ё Perl дар сервер ба воситаи интихоби K аз махзани. Мавҷудбуда услубро S ба таври худкор пайравӣ хоҳам кард. Бо вуҷуди ин, K метавонад дигаргун шуд, ва дар аксари ҳолатҳо, ин гуна тағйирот боз зарурати сабкҳои дигар, яъне, S + мегардад.

Барои мисол, фармоишгар гуфт: «Дар сомонаи тасвир зиндагии Москва, беҳтар хоҳад назар, агар мақолаҳои ахбор дар тарзи оро« ZaZavtrakom », тасвир ғавғои шабона дар услуби« Лас Вегас »ва мақолаҳои пешрафти илмию техникї дар услуби« ModernTehno ». Лекин агар мо S дар бораи ин се имконоти, ҳеҷ кафолати, ки фармоишгар хоҳад ақида доранд, як қатор мақолаҳои «Ахбор», «ҷашни», «Кор», «CSS / HTML» бонус "HozyaykeNaZametku" дошта нашуда бошад.

Равиши дигар бештар амалӣ. Сарфи назар аз ба категорияи мақолаи аст, ҳамеша мӯҳтавои, ки мумкин аст дар як ранги муайяни рангубор нест. Дар ин ҷо дар ин ҷо аст, хеле фикри оқил нест: даст мушаххаси K, ҳанӯз ҳам дар сервер ба тавлиди як S муносиб, ва браузери хоҳад P талаб мекунад, ӯ мазмуни дуруст тоза дуруст ба даст.

тарзи Пӯёи JavaScript

Ҳадди ақал, ҳарчанд ҳалли хеле самаранок - кор ба ороиши бевосита дар браузери муштарӣ. Аввалан, он дур сервер - нестам доранд ба вақти оид ба ташаккули саҳифаҳои ҳиперматнии ва файлҳои сабки барои он.

Ӯ ҳанӯз муҳтаво дар ќисми зиёди намебинанд, бинобар ин, ӯ дар як баромади иттилооти пайваста ва шуурноки мехоҳам: Дуюм, партовҳои табии вақт дохили браузери хоҳад таъсире, ки ба саҳифаи аст, бизнес ишғол ва фаъолона дастгирӣ муколама бо меҳмон эҷод.

Сеюм, он имкон медиҳад, ки таҳиякунанда барои таъмин намудани механизми меҳмон аз маводи дар ин сабки, ки дар он ӯ бароҳат аст. Ин ҳам кас нест.

Барои амалӣ намудани ин ғоя, ба шумо лозим аст, ки татбиќи механизми ташкили унсурҳои сабки фавран пас аз бори саҳифа, ва дар рафти кори он. сайти ҳозиразамон - он AJAX дар шакли махсус. Ин аст, душвор нест, ки барои анљом додани ташаккули услуби бевосита дар раванди ташаккули дарахти саҳифа аст. Ин осон, дастрас ва самарабахш, зеро ки мӯҳтавои он дар якҷоягӣ бо бақайдгирии худ.

Ин ба тамоюли муосир ҷудо муаррифии маълумоти оид ба коркарди маълумот доир ба иҷро ва тарк дар экран мухолифат надоранд.

CSS ҳамчун компонентњои фаъол

Ҳиперматнии овард бисёр хуб, балки танҳо як њиссаи ками иттилооти табиӣ бомуваффақият ба расмият дароварда шуда буд, буданд, василаҳо ва таҷрибаи дар ташаккули-сифати баланд HTML, XML, ҳуҷҷатҳои CSS нест. Ҳатто як масъалаи ба расмият ҳаҷми нави иттилоот ва тағйирёбии аллакай пештар дод.

Бо эҳтиром ба CSS, ин раванд аст, ки дар заминаи комилан гуногун фаъол карда мешавад. Воситаҳои сохта-дар, дар JavaScript даргиронидани »оид ба магасе« таъсис унсурҳои ва сабкҳои элементҳои кард чунин имконияти интизор, ва бунёдкори PHP, аз ҷумла, имон овардем, то дар ташаккули танҳо саҳифаҳои HTML машғул шаванд.

Ҳам якум ва дуюм имкон медиҳад, кор сабкҳои барномањои. Ин самти нав дар соҳаи технологияҳои иттилоотӣ. Сабкҳои чизе расмӣ хеле бештар аз XML ё HTML, қоидаҳои хеле осон аст. Style аст, ҳамеша мазкур, дар иттилоот, новобаста аз чӣ гуна табиӣ буд.

барномасозони базаи бақайдгирӣ ҳамеша дар бахшҳои бештар ба расмият дароварда машғул аст, вале мавзӯъ CSS - як вазифаи хеле содда, вале гӯё кард, ба соҳаи назари раванди рушд даст нест.

Дар бораи догма дар соҳаи барномасозӣ

Мисли як айсберг, догма нест метавонед expanses дароз furrowing иттилоот. Таҷрибаи гузашта буд мутамарказгардонии на танҳо дар HTML- ва CSS-стандартҳо, воситаҳои барои кор бо онҳо, таҳиягарон дониш.

Вазифаи оддӣ - ба воситаи ранги CSS кунад - ҳалли комил пайдо кард. Ќоидањои, наҳвӣ, мантиқ ва тасаллӣ башар мебошанд. Аммо ҳатто вақте ки ҳарф дар асл нест, бисёр ранг барои амалия, аз ҳад зиёд аст, лозим нест, ва дар ҳақиқат барои мақсадҳои воқеият virtualization тавр ҳамаи ҷамъ "қувваи» HTML ва CSS лозим нест, меояд, як вақт ҳаст, вақте ки дониши вазъият рафта, ба таљдид ва нишон таҷриба ва воситаҳои ташаккули табиии сабкҳои кардани маводи.

Чӣ тавр мешавад, нест, бошад, комилан равшан, балки барои он ки ин раванд аст, аллакай дар зери роҳ, Аён аст.