Какво е CSS

Предишен ◈ Следващото

CSS е съкращение от Cascading Style Sheets - Cascading Style Sheets. Ако смятате, че W3C (и в такива случаи е да им вярвам и ние трябва), CSS е механизъм за добавяне на стил на уеб документ. Под стиловете разбират правилата за външния вид, форматиране на документа - шрифта управление, цветовете на страницата, позицията на елемента.







Нека да видим, какво е тази таблица са тези, за това, което правят и защо те изведнъж "каскадни"?

Защо трябва да се отдели на съдържание от дизайн

Класическият принципа на "разделяй и владей" е позната още от римско време. Той на няколко пъти позволява да се постигне успех в данните за военно-политически игри от различни епохи. И това ще ни помогне.

Първоначално HTML се използва за структуриране на текста (това е заглавието, това е точка, и това е - в списъка). Показани специфични елементи, определени от техните атрибути и до голяма степен са останали в съзнанието на браузъра. И така, как да управляват външния вид все пак искаха, те започват да се появяват регистрационни маркери, като шрифт и център. В резултат на това съдържанието на документа и неговата конструкция са тясно преплетени. Код е тромава, непреклонен, е трудно да се чете. Например, както следва:

  • много ненужни структури, които не са пряко свързани със съдържанието на маркирането - голям размер на файла, увеличава времето за движение и натоварване;
  • трудно да се промени дизайна. Например, ако искате да промените цвета, ще трябва да намерите всички цветни атрибути;
  • значителни ограничения форматиране. Много тагове просто не могат да се регулират правилно използване само атрибути;
  • че не е възможно да се коригира за уравняване за различни видове дисплеи (PC монитори, принтери, PDA екран, гласът на браузъра, и т.н.);
  • код губи своята логическа оформление (семантика), и като следствие:
    • лошо индексират от търсачките, защото те трябва да се справят с един куп "боклук";
    • много по-зле достъп чрез не-визуални браузъри за потребителите.






Изберете всички правила, предназначени за преработка в един единствен елемент (файл), която ви позволява да се решат тези проблеми. Код престава по-лесно, много по-лесно да се работи с него. Самата HTML става това, помисли си той - език семантично маркиране документа:

Предимства при използването на CSS:

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

Cascading Style Sheets

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

Стил листове могат да бъдат вътрешни (в рамките на HTML файл) и външни. Външни маси са най-удобните и са файлове със CSS. Подробности за тези въпроси ще се обърне в бъдеща статия.

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

Пример CSS фрагмент:

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

каскада наследство

Фактът, че CSS използва, за да наследи от родител на дете, което ви позволява да дефинирате стилове, основани на вече описаното по-рано за родителите. Когато възникне такава ситуация, когато един елемент подходящи свойства на няколко правила едновременно. Стандартът CSS определя приоритетите, за които правилата на стила, който прави резултатите предсказуем. Такъв модел се нарича "каскада".

CSS - е мощна технология, която ви позволява да се опише правилата за регистрация на HTML документ, като ги разграничава от съдържанието. Едно от основните изисквания, включително и тези, които съвременния пазар на труда избутва програмист е задълбочени познания по CSS. Въпреки CSS доста лесно да се учи. За да ви помогне с това там е нашата CSS справка.

материали:







Предишен ◈ Следващото