CSS-справка

Препратка към каскадни стилови таблици.

Съдържание

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

Целта на създаването на CSS Edit

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

Общ преглед Редактиране на историята на CSS

Редактиране на CSS1

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

Редактиране на CSS2

На 12 май 1998 г. втората версия на CSS2 беше приета като препоръка на W3C. CSS2 допълнително предоставя следните функции:

  • задайте посоката на текста в елемента (отляво надясно или отдясно наляво);
  • контролират позиционирането на елемента на страницата;
  • задайте видимата област на елемента и изрежете всичко останало;
  • контролирайте показването на съдържание, което надхвърля размера на елемента;
  • генериране на съдържание преди и след елемента, включително автоматично номериране;
  • контролирайте външния вид на курсора;
  • контролирайте позицията на елементите по оста z (т.е. възможността да поставите един елемент върху друг);
  • показват празно място вместо елемент;
  • задайте минималните и максималните възможни размери на елемента;
  • задайте разстоянието между клетките на таблицата или ги свийте;
  • управлявайте хода на елемент: настройте неговата дебелина, вид и цвят;
  • посочете типа и цвета за границата на всеки елемент поотделно;
  • задаване на фиксирани размери на елементите на масата;
  • контролирайте външния вид на кавички, в които са обвити кавички;
  • задайте таблици със стилове за невизуални медии: управлявайте съдържанието при отпечатване, както и задайте звуковия дизайн на съдържанието (сила, сила на гласа, дължина на паузата и т.н.) за гласови браузъри.

CSS2.1 Редактиране

  • коригирани редица грешки в CSS2;
  • някои точки са променени, чието изпълнение в по-голямата част от браузърите се различава от спецификацията CSS2;
  • премахнати функции на CSS2, които поради неприложеност бяха отхвърлени от CSS общността;
  • премахнати CSS2 фрагменти, които ще бъдат остарели в CSS3;
  • добави някои нови стойности на свойства.

Редактиране на CSS3

Бъдеще, превърнало се в реалност.

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

Предимства на CSS Edit

  1. управление на показването на множество документи с един стилов лист;
  2. по-прецизен контрол върху външния вид на страниците;
  3. различни изгледи за различни медии (екран, печат и др.);
  4. сложна и изтънчена дизайнерска техника.

Съвместимост с различни браузъри Редактиране

Софтуер за създаване на CSS Редактиране

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

  • когато стиловият лист е в отделен файл, той може да бъде свързан към мрежатадокумент чрез директивата @import, намираща се в този документ между таговете (които от своя страна се намират в този документ между таговете и) непосредствено след етикета
  • когато даден стилов лист е описан в самия документ, той може да бъде поставен между тагове (които от своя страна са разположени между таговете и в този документ). Всички правила в тази таблица са валидни за целия документ;
  • когато даден стилов лист е деклариран в самия документ, той може да бъде разположен в тялото на някакъв единичен таг (чрез своя стилов атрибут) на този документ. Всички правила в тази таблица се отнасят само за съдържанието на този етикет.

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

За да добавите CSS към XML документ, последният трябва да съдържа специална препратка към листа със стилове. Например: