Програмирането е огледалото:в началото имаше дума и не отговорът беше отразен. И много бързо трябваше да се "сменя": първо огледалото, после думата ... В момента каскадните таблици със стилове са добри, но защо съзнанието на разработчика отиде при тях толкова дълго? CSS е същият набор от времена от началото на ерата на компютърните програми, но само от различна гледна точка. Дори когато масивите станаха асоциативни, това не направи революция.
Страницата на сайта е HTML маркери за маркиране, коитоможе да се присвои определен стил или идентификатор на стил. Първият може да бъде дефиниран веднъж и присвоен на всичко толкова пъти, колкото е необходимо, вторият принадлежи на определен елемент.
Обща логика за описване на стилове
По традиция стилът се поставя в CSS файл, номоже да бъде присвоен на определен елемент в неговия атрибут стил. Стилът може да бъде създаден динамично с помощта на JavaScript. Всъщност няма значение как да се опише, например, използвайки CSS цвета на шрифта, неговия размер, шрифт, фон под него и т.н. Мястото на описанието на стила има значение в контекста на, обикновено две идеи: колкото по-късно е описано, толкова по-приоритетно е и ако е описано върху елемент, то е напълно! Важно. Последният, написан такъв, какъвто е, ясно определя приоритета.
Приложете стил, така че например някакъв цвят на шрифтапроменен цвят, можете навсякъде и по всякакъв начин. Въпросът е как браузърът ще реагира на това по време на разглобяването на всички стилове в агрегата. Колко процесорно време ще отдели за него?
В идеалния случай цветът на шрифта трябва да бъде посочен само веднъж - това е класика. За да измислите още няколко за едно просто описание, а след това все повече и повече ... разбира се, можете. Това е модерно, но непрактично.
Пример за обща логика
Много е просто: като дефинирате цвят само за три елемента с помощта на CSS, можете да получите поне три дългосрочни проблема:
# Ele1, # Ele2, # Ele3 {
ПОЗИЦИЯ: абсолютна;
вляво: 20px;
отгоре: 14px;
цвят: червен;
}
# Ele2, # Ele3 {
вляво: 90px; // промяна на хоризонталната CSS координата
цвят: жълт; // промяна на цвета на шрифта на CSS
}
# Ele3 {
отгоре: 114px; // промяна на вертикалната CSS координата
цвят: зелен; // промяна на цвета на шрифта на CSS отново
цвят на фона: светлосив; // Цветът на подчертаване на CSS текст е променен, но това не е налице в # Ele1 и # Ele2; позицията също е променена, но вече се е променила в # Ele2 и не е същата като тук
}
Сега трябва да запомните, че всички тези три елементаса дефинирани някъде и в случай на промяна в цветовите представления на собственика на сайта, разработчикът ще трябва да помни не само за цвета, но и за правилата вляво и отгоре и не трябва да забравяте за промяната на цвета на избора на текст.
Не всички разработчици спазват изискването на CSS: стилът на идентификатора е само за един елемент, а стилът на класа е за много тагове, освен това последният може да бъде посочен в таговете като прилагателни:
- задайте цвета на шрифта в CSS - стила на класа groundColor;
- посочете размера на шрифта - размер на класа15;
- зададена позиция - клас PlaceUp.
Естествено, използването на идентификатори,особено когато принадлежат към един елемент за маркиране, дузина класове стил, боядисани в различни комбинации, над сто странични елемента са по-добри. Но всичко има своя обективна логика.
Разработчикът просто трябва правилно да обмисли: дори ако цветът на шрифта на HTML, CSS предлага да опише строго, тогава гъвкавостта на общата структура на описанията е негова работа.
Очакван резултат от прилагането на обща логика
Съвременните браузъри са удобниголям брой стилови файлове и техните размери. Въпреки това, когато проектирате, по-специално чрез CSS, цвета на цялата страница, винаги трябва да мислите за разумна достатъчност. Не всички правила за стил са „евтини“ за използване. Проста лаконична нотация: * {color: white;} - със сигурност красива, но се отнася за всички елементи на страницата, без изключение.
От всички правила, с които е оборудван CSS, най-важното:
- style е клас и тогава името му започва с ".";
- style е идентификатор и името му започва със знака "#";
- в други случаи това е име на етикет или нещо специално
Останалите идеи по отношение на описване на стилове (наследяване, припокриващи се свойства, приоритети, позиция, ред и т.н.) трябва да се прилагат смислено и стриктно, ако е необходимо.
Браузърът винаги ще пропуска това, което не разбираописание, така че няма да има специални изненади. Ако нещо не е на правилното място или ако не е възможно да се зададе цвета на шрифта в CSS, тогава има грешка в стила.
Неочаквани възможности
Стилове като * {вляво: 124px; } или
ol ol, ol ul, ul ul, ul ol {margin-bottom: 0; }
a 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 цветът на шрифта може дори да бъде направен по такъв начин, че да не е предоставено правило за стил.
Динамично показване на съдържанието
Ако нямаше догми, вероятно нямаше да ги иманапредък. Просто нямаше с какво да се бием. Хипертекстът донесе на света много догми. Време е да им обърнете внимание и да започнете да разработвате уебсайтове в прагматичен и практичен стил.
Първоначално има страница (P), тя съдържасъдържание (K), всички маркери на страници са описани в таблица със стилове (S). Не е ново генерирането на P страница чрез PHP или Perl на сървъра, като изберете K от базата данни. Съществуващата таблица със стилове S ще бъде приложена автоматично. K обаче може да бъде променен и в повечето случаи такава промяна ще доведе до необходимост от други стилове, т.е. S +.
Например клиентът каза:„Уебсайт, описващ живота на Москва, ще изглежда по-добре, ако новинарските статии са създадени в стил„ За закуска “, описания на нощната суматоха в стил„ Лас Вегас “и статии за научно-техническия прогрес в„ ModernTechno „стил“. Но ако направите S за тези три опции, тогава няма гаранция, че клиентът няма идея да има набор от статии "Новини", "Празници", "Работа", "CSS / HTML" и "Господарка" на бележка "бонус.
Друг подход е по-практичен.Независимо от категорията на статията, в нея винаги има съдържание, което може да бъде оцветено в определен цвят. Точно в този момент възниква съвсем разумна идея: след като сте получили конкретно K, формирайте адекватно S на сървъра и когато браузърът поиска P, той ще получи необходимото съдържание в правилния дизайн.
Динамика на стилове от JavaScript
Минималното, макар и много ефективно решение е -направете стилизиране директно в браузъра на клиента. Първо, това разтоварва сървъра - няма да е необходимо да губите време за генериране на хипертекст и файлове със стилове за него.
Второ, естествена загуба на време вътребраузърът ще създаде ефект, че страницата е заета и поддържа активно диалог с посетителя: така или иначе той не възприема съдържанието в насипно състояние, следователно ще му хареса последователното и внимателно показване на информация.
Трето, дава възможност на разработчика да предостави на посетителя механизъм за генериране на съдържание в стила, в който е удобно за него. Никой друг няма това.
За да се реализира тази идея, е необходимо да се реализирамеханизъм за създаване на стилове на елементи веднага след зареждането на страницата и в процеса на нейното функциониране. Модерен сайт е AJAX под една или друга форма. Не е трудно да се извърши формирането на стилове директно по време на формирането на дървото на страницата. Той е прост, достъпен и ефективен, защото съдържанието се съчетава с неговия дизайн.
Това не противоречи на съвременната тенденция за отделяне на представянето на данни от тяхната обработка и се извършва върху данните, оставени за показване.
CSS като активен компонент
Хипертекстът донесе много добро, но само малкомалко формална информация беше успешно официализирана, появиха се инструменти и опит в създаването на висококачествени HTML, XML, CSS документи. Не е проблем да се формализират нови обеми информация и да се промени това, което вече е направено по-рано.
По отношение на CSS този процес вече се активира презсъвсем различен контекст. Вградените инструменти на JavaScript, които ви позволяват да създавате елементи и стилове на елементи в движение, не предполагаха такава възможност, а създателите на PHP, по-специално, вярваха, че участват във формирането само на HTML страници.
И първото, и второто ви позволяватстилове на програмиране. Това е нова посока в областта на информационните технологии. Стиловете са много по-официални от HTML или XML, правилата са много прости. Стилът винаги присъства в информацията, независимо от нейния характер.
Програмистите винаги са ангажирани с проектирането на данни в много по-неформални области, но темата за CSS е много проста задача, но някак си не попада в полезрението на процеса на разработка.
За догмите в областта на програмирането
Подобно на айсберг, догмата не може да оре дългоинформационни пространства. Натрупаният опит трябваше да се концентрира не само в HTML и CSS стандартите, инструментите за работа с тях, знанията на разработчиците.
Проста задача е да направите цвят с CSSшрифт - намерих идеалното ми решение. Правилата, синтаксисът, логиката и удобството са неоспорими. Но дори когато наистина не ви трябват много шрифтове, не ви трябват много цветове за практика и като цяло, за целите на виртуализацията на реалността, цялата натрупана „сила“ на HTML и CSS не е необходим изобщо, идва момент, в който ситуационните знания преминават към възпроизвеждане и се появяват опит и инструменти за естествено възпитание на стилове от съдържание.
Може да не е напълно ясно как ще бъде, но фактът, че процесът вече е в ход, е очевиден.
