CSS: цвят на шрифта, стил, модел, размер

Програмиране - огледалото: в началото бе словото, а не отразява обратно. И много бързо е трябвало да "промени": първо огледало, след това думата ... В този момент, каскадни листове стил - е добре, но защо толкова дълго време, че ще ум разработчик? CSS - всичко е едно и също време на масиви ерата на компютърните програми, но само в една различна гледна точка. Дори когато масите стават асоциативен революция не се прави.

страница на сайта - това маркира HTML-маркиране, което може да се дължи на определен идентификатор клас стил или стил. Първият може да се определи веднъж и да приписват всичко, както е необходимо веднъж, вторият принадлежи към определен елемент.

Общата логика на описанието на стилове

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

Нанесете на стила, например, определен цвят на цвят на шрифта промяна, може да бъде навсякъде и всичко. Въпросът е как да реагира на него в браузър по време на демонтажа на всички стилове заедно. Колко той похарчи за този процесор?

В идеалния случай, цвят на шрифта трябва да се отчита само един път - това е класика. Мислете за просто описание на една двойка, а след това още един и още един ... разбира се, че можеш. Тя е на мода, но практично.

Пример обща логика

Много просто определя от CSS цвят за всеки от трите елемента, е възможно да се получи най-малко три продължителни проблеми:

# Ele1, # Ele2, # Ele3 {
ПОЗИЦИЯ: абсолютен;
лява: 20px;
отгоре: 14px;
Цвят: червен;
}

# Ele2, # Ele3 {
лява: 90px; // промяна на CSS хоризонтални координати
Цвят: жълт; // промените цвета на CSS на шрифта
}

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

цвят: зелен; // отново промените цвета на CSS на шрифта

фон-цвят: lightgrey; // цвят CSS текст акцент променило, но това не присъства в # Ele1 и # Ele2; позиция също се промени, но това се е променило в # Ele2 а не, както тук

}

Сега ние трябва да помним, че всички от тези три елемента се определя някъде, и в случай на промяна на цвета на представяния на собственика на сайта, разработчикът ще трябва да се помни не само за цвета, но и за останали правила и горната част, а дори и да промените цвета връхната точка на текста не трябва да се забравя.

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

• настроите цвета на шрифта в CSS - groundColor класа стил;
• уточни размера на шрифта - клас size15;
• комплект позиция - клас PlaceUp.

Разбира се, използването на идентификатори, особено когато те принадлежат към една и съща маркировка елемент, десетте най-големи класове стил, боядисани в различни комбинации от стотици елементи на страницата. Но всичко има своя цел логика.

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

Очакваният резултат от използването на общата логика

Съвременните браузъри са удобни, с много стил файлове и обеми. Въпреки това, проектиране, по-специално чрез CSS, цвят на цялата страница, винаги трябва да се мисли за разумната достатъчност. Не всички правила в стил "евтини" поглед в заявлението. Обикновено лаконичен запис: * {цвят: бял;} - със сигурност красива, но това се отнася за всички елементи на страницата, без изключение.

От всички правила, които е оборудвана с CSS, най-важното:

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

Останалата част от идеите, описание на стилове (наследствените имоти се припокриват, приоритети, позиция, поръчки и други подобни. Г.) Трябва да се използва разумно и строго необходимо.

Браузърът винаги пропускат, не правете в описанието, така че специални изненади няма. Ако нещо не е на мястото си или да настроите цвета на шрифта в CSS не е възможно, следователно, в стила на грешката.

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

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

ол ол, ул ол, ул ул, ул ол {марж-отдолу: 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 предлага собствена динамика: котировки, прозрачни елементи, различни изпълнения на наслагвания, дисплеи, избледняващи цветове. В CSS, цвета на шрифта може да се направи така, че не е предвидено никой стилистично правило.

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

Ако не е имало догми, може би нямаше да има напредък. Просто не какво е било да се бори. Hypertext пренесоха в света много догма. Време е да се обърне внимание на тях и да започне разработването обекти в прагматичен и практичен стил.

Първоначално там е страница (P), някои от вашето съдържание (K), всички маркерите на страницата, са описани в стила лист (S). Не е нова форма P страница чрез PHP или Perl на сървъра, като изберете K от базата данни. Съществуващ стил лист S ще последва автоматично. Въпреки това, K може да се промени, и в повечето случаи, такава промяна ще доведе до необходимостта от други стилове, това означава, S +.

Например, клиентът каза: "Сайтът описва живота на Москва, ще изглежда по-добре, ако статиите са декорирани в стила на" ZaZavtrakom ", описвайки нощ суматохата в стила на" Лас Вегас "и статиите на научно-техническия прогрес в стила на" ModernTehno ". Но ако направим S на три от тези опции, няма гаранция, че клиентът няма да се налага идеята да има поредица от статии "Новини", "почивка", "Работа", "CSS / HTML» бонус "HozyaykeNaZametku".

Друг подход по-практично. Независимо от категорията на статията винаги има съдържание, което може да бъде боядисан в определен цвят. Тук на това място там е доста разумно идея: получите конкретна К, все още на сървъра, за да генерира адекватна S и браузъра ще изисква P, той ще получи, така че съдържанието на необходимия достъп.

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

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

От друга страна, естествено загуба на време вътре в браузъра ще се създаде ефект, че страницата е заета от бизнеса и активно подкрепя диалога с посетителя: той все още не се вижда съдържанието в насипно състояние, следователно, той би искал последователна и внимателен информация изход.

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

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

Това не противоречи на съвременната тенденция за отделяне на представянето на данните от проведено на данните и напускане на дисплея на обработката.

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

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

По отношение на CSS, този процес се активира в съвсем различен контекст. Вградени средства в JavaScript, което позволява "в движение", за да създадете елементи и стилове на елементите не предвиждат такава възможност, както и създателите на PHP, по-специално, смята, че участва във формирането на само на HTML страници.

И първата и втората позволява направя програмиране стилове. Тази нова насока в областта на информационните технологии. Стилове значително по-официално нещо от XML или HTML, правилата са много прости. Стил винаги присъства в информацията, без значение колко естествено е било.

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

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

Подобно на айсберг, догма не може дълги пространства набраздяване информация. Досегашният опит трябваше да се концентрира не само в HTML- и CSS стандартите, инструменти, които да работят с тях, разработчици на знанието.

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

Как това ще бъде, може да не е напълно ясно, но че процесът вече е в ход, очевидно.