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

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

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

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

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

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

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

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

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

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

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

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

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

background color: lightgrey- // цветът на избора на текст CSS се променя, но това не е в # Ele1 и # Ele2 - позицията също е променена, но вече е променена в # Ele2 и не е като тук

}

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

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

• задаване на цвета на шрифта в CSS - стил на groundColor;
• укажете размера на шрифта - размер на класа15;
• Задайте позицията - клас PlaceUp.

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

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

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

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

От всички правила, които CSS има, най-важното:

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

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

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

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

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

ol ol, ol ul, ul ul, ul ol {margin-bottom: 0-}
a img {граница: 0-}

Въпреки че е трудно да се направи дори и начинаещ програмист да използва правила, CSS, както са. Винаги в развитието на всеки сайт, дори и перфектно прост CSS синтаксиса дава неочаквани проблеми. Въпреки това, ако преките усилия за правилното използване на синтаксиса, но се прилагат функционалността jаvascript е нови и неочаквани възможности ще избегнат монотонен създаде идентификатори за всеки елемент, или да наблюдават използването на разнообразието от стилове и класове.

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

Прилагайки CSS, цветът на шрифта може да се извърши програмно. Както и размера, позицията, тиретата. Сайтът не е цел за прилагане на знания в CSS, HTML, PHP или мигащи jаvascript ефекти.

Уеб ресурс - е преди всичко информация, предлагани по определен начин. Ето защо CSS се вижда най-добре в динамиката през обектива как е възможно да се образуват, а страницата е все още в сървъра (не е достъпно PHP по времето, когато посетителят на сайта дойде, а не на разработчика по времето, когато той се развива на сайта), желания стилове конкретен текст за подходящо съдържание, или да се създаде клас стил или идентификатор в движение, тъй като страницата се работи, когато тя изглежда в даден посетител.

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

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

Тук динамиката не изисква алгоритъм:

// подчертайте бутона за вход в сайта
функция scfWelcomeOver () {
document.getElementById (`scDocxNamePiP`) style.visibility = `visible`-
}

// скрий бутона за вход в сайта
функция scfWelcomeOut () {
document.getElementById (`scDocxNamePiP`) style.visibility = `hidden`-
}

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

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

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

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

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

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

Динамика на стила от jаvascript

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

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

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

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

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

CSS като активен компонент

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

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

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

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

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

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

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

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