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