CSS: бојата на фонтот, стилот, шема, големина

Програмирање - огледало: Во почетокот беше Словото, а не се гледа назад. И многу брзо мораше да "промени": прво огледало, тогаш зборот ... Во овој момент, каскадни стил на состојба - е добро, но зошто толку долго дека тоа требаше да им пречи на инвеститорот? CSS - тоа е за сите иста пати низата ерата на компјутерски програми, но само во поинаква перспектива. Дури и кога масите стана асоцијативна револуција не е направен.

веб-страница - го обележува HTML-Селектирај, што се должи на одредени класа идентификатор стил или стил. Првиот може да се дефинира еднаш и да се припишат на нешто многу потребни време, а вториот му припаѓа на одреден елемент.

Општата логика на опис на стилови

По традиција, стилот е ставен во CSS-фајл, но може да се припише на одреден елемент во својот стил атрибут. Стилот може да се создаде во динамиката на алатки JavaScript. Од особено значење не е како што е опишано, на пример, со помош на CSS боја, фонт, големина, слушалки, позадина под него, и така натаму. Локација опис стил е важно во контекст на, обично две идеи: подоцна опишани, па затоа е повисок приоритет, а ако е опишано во елемент, тоа не е важно !. Посл како што е, јасно ги дефинира приоритет.

Спроведување на стил, на пример, одредена боја бојата на фонтот промени, можат да бидат насекаде и ништо. Прашањето е како да реагираат на него во пребарувачот за време на расклопување на сите стилови заедно. Колку го поминат на овој процесорот?

Идеално, бојата на фонтот треба да се наведе само еднаш - тоа е класика. Размислете до едноставен опис на неколку, а потоа друг и друг ... Се разбира, можете да. Тоа е модерен, но практични.

ПРИМЕР општа логика

Мошне едноставно утврдени со CSS боја за сите три елементи, тоа е можно да се добие најмалку три долготрајната проблеми:

# Ele1 # Ele2 # Ele3 {
Положба: апсолутна;
лево: 20px;
врвот: 14px;
боја: црвена;
}

# Ele2 # Ele3 {
лево: 90px; // промени CSS хоризонтална координати
боја: жолта; // смените бојата на фонтот CSS
}

# Ele3 {
врвот: 114px; // промени CSS вертикална координира

боја: зелена; // уште еднаш да ја смените бојата на фонтот CSS

background-color: lightgrey; // боја CSS текст белег менува, но тоа не е присутна во # Ele1 и # Ele2; позиција исто така се промени, но тоа се промени во # Ele2, а не, како што е тука

}

Сега ние треба да се запамети дека сите овие три елементи се дефинира некаде, а во случај на промена на боја репрезентации на сопственикот на сајтот, на инвеститорот ќе треба да се запамети не само за боја, но исто така и за левата правила и врвот, па дури и за промена на истакнатата боја на текстот не треба да се заборави.

Не сите програмери се почитуваат барањата CSS: Стил проект - само еден елемент, и стилот на класа - многу ознаки, покрај последниот можен момент во тагови, како придавки:

• поставите бојата на фонтот во CSS - groundColor класа стил;
• одберете големината на фонтот - класа size15;
• сет позиција - класа PlaceUp.

Се разбира, употребата на идентификатори, особено кога тие припаѓаат на иста означување елемент, првите десет класи стил, насликани во различни комбинации на стотици страница елементи. Но, сè има своја цел логика.

Инвеститорот едноставно правилно мора да се земе во предвид: дури и ако бојата на фонтот на HTML, CSS нуди тешко да се опише, флексибилноста на целокупната структура на описите - тоа е негова работа.

Очекуваниот резултат на користење на заеднички логика

Современи прелистувачи се чувствуваме удобно со многу стил датотеки и волумени. Сепак, проектирање, особено преку CSS, боја на целата страница, секогаш треба да се мисли на разумни доволност. Не сите правила стил "евтини" изглед во пријавата. Едноставен лаконскиот влез: * {боја: бела;} - секако убава, но тоа се однесува на сите елементи на страницата, без исклучок.

На сите правила, која е опремена со CSS, најважни се:

• стил - класа, а потоа името започнува со "."
• стил - идентификатор и нејзиното име почнува со карактер "#";
• во други случаи - ознака име или нешто посебно

Останатиот дел од идеите опис на стилови (наследство својства се преклопуваат, приоритети, позиција, со цел и слично. Д.) треба да се користи интелигентно и неопходно.

Прелистувачот секогаш го пропушти, не се снашле во описот, така што на специјални изненадувања нема. Ако нешто не е во право место или да поставите бојата на фонтот во CSS не е можно, па затоа, во стилот на грешка.

неочекувани можности

не треба да се злоупотребува стилови како * {лево: 124px; } или

ол ол, ол ul, ул ul, ул ол {margin-bottom: 0; }
на img {граница: 0; }

Иако е тешко да се направи дури и почетниците инвеститорот да го користите CSS правила како што се. Секогаш во развојот на било кој сајт, дури и совршено едноставен синтаксата на CSS дава неочекувани проблеми. Сепак, ако директни напори за правилна употреба на синтаксата, но се применуваат на функционалноста JavaScript е нови и неочекувани можности ќе се избегне монотоно создаде идентификатори за секој елемент, или да го следи користењето на различни стилови и класи.

CSS - не е само датотека стил кој е поврзан со страната преку таг линк или вметнат во него преку таг стил. Исто така е можно да се создаде стил на мува или менување на веќе постоечките.

Со користење на CSS, бојата на фонтот може да се направи програмски. Како и големината и позицијата, маргини. Веб-страница - не е цел да се применува знаењето во CSS, HTML, PHP, или да го вклучите Javascript-ефекти блиц.

Веб ресурси - е прв од сите информациите понудени на одреден начин. Тоа е причината зошто CSS се гледа најдобро во динамиката низ објективот на тоа како е можно да се формираат, додека страница се уште е на сервер (не е на располагање PHP во времето кога сајт посетител не дојде инвеститорот во времето кога тој беше развивање на сајтот), саканиот интерфејс одреден текст за релевантни содржина, или да се создаде една класа стил или идентификатор на мува што страната е за работа, кога тоа изгледа на одреден посетител.

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

Ние не секогаш треба да се пишува софистицирани откритие го вклучите Javascript-код да се направи динамична содржина и дизајн - соодветна содржина. Понекогаш е доволно правилно да ги користат расположливите можности. Особено, со дефинирање на бојата на фонтот CSS првично статички правило, може да се сокрие ова правило (скриени) и да се визуелизира различни (видливи).

Еве, на говорникот не бара алгоритам:

//, за да се потенцира на копчето за влез на веб страната
scfWelcomeOver функција () {
document.getElementById ( 'scDocxNamePiP') style.visibility = "видливи" .;
}

// скрие копчето за внесување на веб страната
функционира scfWelcomeOut () {
document.getElementById ( 'scDocxNamePiP) style.visibility = "скриени" .;
}

CSS нуди сопствена динамика: tickers, транспарентни елементи, различни embodiments overlay, дисплеи, бледнее бои. Во CSS, бојата на фонтот може да се направи дури и така што не е предвидено никој стилски правило.

Динамичен приказ содржина

Ако немаше догми, можеби нема да има напредок. Само не она што беше како да се бориме. Хипертекст донесе во светот многу догма. Тоа е време да се обрне внимание на нив и да се започне развој на сајтови, во прагматична и практична стил.

Првично, постои страница (P), некои од вашите содржини (К), сите тагови на страницата се опишани во состојба стил (S). Не е нова форма P страница преку PHP или Perl на серверот со избирање на К од базата на податоци. Постоечките стил лист S ќе го следат автоматски. Сепак, К може да се промени, и во повеќето случаи, таквата промена ќе значи потреба за други стилови, што е, S +.

На пример, клиентот рече: "Ова место го опишува животот на Москва, ќе изгледа подобро ако вести статии се украсени во стилот на" ZaZavtrakom ", опишувајќи ја ноќ ритамот во стилот на" Лас Вегас "и статии на научни и технолошки напредок во стилот на" ModernTehno ". Но, ако се направи S на три од овие опции, не постои гаранција дека клиентот не ќе имаат идеја да се има во собата на статии "Вести", "празник", "Работа», «CSS / HTML» бонус "HozyaykeNaZametku".

Друг пристап повеќе практични. Без оглед на категоријата на статијата секогаш постои содржина која може да биде обоен во одредена боја. Овде, во ова место постои сосема разумен идеја: добиете специфични К, уште на серверот за да се генерираат соодветен S, и пребарувачот ќе бара P, тој ќе добие право содржина во соодветна дозвола.

Динамика стил на JavaScript

Минимум, иако многу ефикасно решение - да се направи на стил директно во прелистувачот на клиентот. Прво, тоа го олеснува на серверот - не ќе мора да се трошат време на формирањето на хипертекстот страници и датотеки на стилови за неа.

Второ, природни губење на време во прелистувачот ќе се создаде ефект дека страницата е окупирана од страна на бизнис и активно го поддржува дијалогот со посетителот: тој се уште не ја видите содржината во најголемиот дел, според тоа, тој би сакал конзистентна и внимателен информации излез.

Трето, тоа им овозможува на развивачите да обезбеди механизам посетител на содржината во овој стил, во која тој е удобно. Тоа не е дури никого.

За спроведување на оваа идеја, треба да се спроведе механизам за создавање на елементи на стил веднаш по страница товари, и во текот на своето работење. Модерни сајт - тоа е AJAX во одредена форма. Тоа не е тешко да се спроведе формирање на стилови директно во процесот на формирање на дрво страната. Тоа е лесно, прифатлива и ефективна, бидејќи содржината е заедно со неговата регистрација.

Ова не е во спротивност со модерните тенденција за поделба на презентирање на податоците од извршените основа на податоците и напуштање на екранот за преработка.

CSS како активна состојка

Хипертекст донесе многу добро, но само мал дел од природните информации беше успешно формализиран, имало алатки и искуство во создавање на високо-квалитетни HTML, XML, CSS документи. Не е проблем да се формализираат нови количини на информации и промени веќе се направени порано.

Во однос на CSS, овој процес се активира во сосема поинаков контекст. Вградени алатки во JavaScript, овозможувајќи "во лет" да се создаде елементи и стилови на елементите не се предвиди таква можност, и на креаторите на PHP, особено, се верува дека се вклучени во формирањето на само HTML-страници.

И првиот и вториот овозможува направи програмирање стилови. Овој нов правец во областа на информатичката технологија. Стилови значително повеќе формална работа од XML или HTML, правилата се многу едноставни. Стил е секогаш присутна во информации, без оглед колку е природно што беше.

програмери регистрација база на податоци се секогаш поврзан со многу повеќе формализирана сектори, но CSS тема - многу едноставна задача, но некако не се во видното поле на процесот на развој.

На догма во областа на програмирање

Како санта мраз, догма не може долго пространства furrowing информации. Минатото искуство мораше да се концентрира не само во HTML- и CSS-стандарди, алатки за работа со нив, програмерите знаење.

А едноставна задача - да се направи преку бојата CSS фонт - го најде совршено решение. Правила, синтакса, логика и удобност се неоспорни. Но, дури и кога на фонтот всушност не имаат многу бои за пракса, премногу не е потребно, и навистина за целите на реалноста на виртуелизација не треба сите акумулирани "сила» HTML и CSS, доаѓа време кога ситуациона знаење оди на репродуцираат и прикажуваат искуство и алатки на природна формација на стилови на содржината.

Како тоа ќе биде, не може да биде целосно јасно, но дека тој процес е веќе во тек, се разбира.