Cascading Style Sheets, ниво 1 Препоръка на W3C, 17 декември 1996, последна преработка на 11 Януари 1999
Изтегляне 0.97 Mb.
|
- Навигация на страницата:
- Статукво на този документ
- РЕЗЮМЕ
- СЪДЪРЖАНИЕ
- ТЕРМИНОЛОГИЯ
- 1 ОСНОВНИ ПОНЯТИЯ
- 1.1 Съдържане в HTML
- Headline is blue
REC-CSS1-19990111 Cascading Style Sheets, ниво 1Препоръка на W3C, 17 декември 1996, последна преработка на 11 Януари 1999Това е превод, така че не е гарантирана абсолютната точност на съдържанието. Надявам се да дам добър пример и да се появят още преводи на спецификации на български. 
Статукво на този документТози документ е W3C препоръка. Той е бил разглеждан от членове на (World Wide Web Consortium; http://www.w3.org/) и е бил постигнато всеобщо съгласие, че спецификацията е подходяща за употреба. Това е постоянен документ и може да бъде използван като справочник или да бъде цитиран в някой друг документ. W3C насърчава често срещаното разгръщане на тази Препоръка.
РЕЗЮМЕТози документ определя ниво 1(level 1) на Cascading Style Sheet механизма(CSS1). CSS1 е прост style sheet механизъм, който позволява на авторите и читателите да прикачат стил(например шрифтове, цветове и отмествания) към HTML документи. Езика CSS1 е четим и на него може да бъде писано от хора и изразява стила в общата терминология в desktop publishing-a. Едно от основните свойства на CSS е, че стиловите листа(style sheet-овете) се изсипват; авторите могат да прикачат желания стилов лист, докато читателя може да има личен стилов лист, който да приспособи документа за човешки или технологически недъзи. Правилата за решаване на конфликти между различните стилови листа са дефинирани в тази спецификация. Тази Препоръка е резултат от дейностите на W3C в областта на стиловите листа. За допълнителна информация върху тях вижте глава [1]. СЪДЪРЖАНИЕРезюме Терминология 1 Основни понятия 1.1 Съдържане в HTML 1.2 Групиране 1.3 Наследяване 1.4 Клас като селектор 1.5 ID като селектор 1.6 Контекстни селектори 1.7 Коментари 2 Псевдо-класове и псевдо-елементи 2.1 Псевдо-класове-котви 2.2 Типографични псевдо-елементи 2.3 Псевдо-елемент "първи ред" 2.4 Псевдо-елемент "първа буква" 2.5 Псевдо-елементи в селектори 2.6 Множество псевдо-елементи 3 Каскадният модел 3.1 'Важно'('important') 3.2 Ред на изсипване 4 Модел на форматиране 4.1 Блокови елементи 4.1.1 Вертикално форматиране 4.1.2 Хоризонтално форматиране 4.1.3 Елементи от тип представител на списък(list-item) 4.1.4 Плаващи елементи 4.2 Вътрешноредови елементи 4.3 Заместени елементи 4.4 Височина на редовете 4.5 Платно 4.6 BR елементи 5 Свойства на CSS1 5.1 Система за означаване на стойности на свойства 5.2 Свойства на шрифтове 5.2.1 Уеднаквяване на шрифтове 5.2.2 Шрифтово семейство(font-family) 5.2.3 Стил на шрифтове(font-style) 5.2.4 Вариант на шрифтове(font-variant) 5.2.5 "Тежест" на шрифтове(font-weight) 5.2.6 Размер на шрифтове(font-size) 5.2.7 Шрифт(font) 5.3 Свойства на цвета и фона 5.3.1 Цвят(color) 5.3.2 Фонов цвят(background-color) 5.3.3 Фоново изображение(background-image) 5.3.4 Повторение на фона(background-repeat) 5.3.5 Прикаченост на фона(background-attachment) 5.3.6 Позициониране на фона(background-position) 5.3.7 Фон(background) 5.4 Текстови свойства 5.4.1 Разстояние между думите(word-spacing) 5.4.2 Разстояние между буквите(letter-spacing) 5.4.3 Текстови украшения(text-decoration) 5.4.4 Вертикално подравняване(vertical-align) 5.4.5 Трансформиране на текста(text-transform) 5.4.6 Подравняване на текста(text-align) 5.4.7 Назъбване на текста(text-indent) 5.4.8 Височина на реда(line-height) 5.5 Свойства на кутиите 5.5.1 Поле отгоре(margin-top) 5.5.2 Поле отдясно(margin-right) 5.5.3 Поле отдолу(margin-bottom) 5.5.4 Поле отляво(margin-left) 5.5.5 Поле(margin) 5.5.6 Уплътнение отгоре(padding-top) 5.5.7 Уплътнение отдясно(padding-right) 5.5.8 Уплътнение отдолу(padding-bottom) 5.5.9 Уплътнение отляво(padding-left) 5.5.10 Уплътнение(padding) 5.5.11 Широчина на горната рамка(border-top-width) 5.5.12 Широчина на дясната рамка(border-right-width) 5.5.13 Широчина на долната рамка(border-bottom-width) 5.5.14 Широчина на лявата рамка(border-left-width) 5.5.15 Широчина на рамка(border-width) 5.5.16 Цвят на рамката(border-color) 5.5.17 Стил на рамката(border-style) 5.5.18 Горна рамка(border-top) 5.5.19 Дясна рамка(border-right) 5.5.20 Долна рамка(border-bottom) 5.5.21 Лява рамка(border-left) 5.5.22 Рамка(border) 5.5.23 Широчина(width) 5.5.24 Височина(height) 5.5.25 Поток(float) 5.5.26 Изчистване(clear) 5.6 Свойства при класифицирането 5.6.1 Показване(display) 5.6.2 Бели пространства(white-space) 5.6.3 Тип на списъка(list-style-type) 5.6.4 Изображение на списъка(list-style-image) 5.6.5 Позициониране на списъка(list-style-position) 5.6.6 Стил на списъка(list-style) 6 Мерни единици 6.1 Мерни единици за дължина 6.2 Процентни мерни единици 6.3 Цветови мерни единици 6.4 URL 7 Спазване на CSS1 7.1 Forward-compatible parsing 8 Справочници 9 Благодарности Приложение А: Примерен стилов лист за HTML 2.0 Приложение B: CSS1 граматика Приложение C: Шифроване Приложение D: Гама корекция Приложение Е: Приложимост и възможност за разширение на CSS1 Приложение F: Промени в сравнение с версията от 17 декември 1996 ТЕРМИНОЛОГИЯатрибут HTML атрибут aвтор автора на HTML документа блоков елемент елемент, който включва символа за нов ред в своето начало и край(например h1 в HTML) платно частта от браузъра на потребителя, в която се рендерират(показват) документите дъщерен елемент поделемент в SGML [5] терминологията контекстов селектор селектор, който подбира елементите, в зависимост от тяхната позиция в структурата на документа. Контекстовия селектор се състои от няколко прости селектора. Например, контекстовия селектор 'h1.initial b' се състои от два прости селектора, 'h1.initial' и 'b'. CSS
Cascading Style Sheets CSS1
Cascading Style Sheets, ниво(level) 1. Този документ определя CSS1, който е прост style sheet механизъм, предназначен за уеб пространството. Напредничави свойства на CSS1 Свойства, които са описани в тази спецификация, но са окачествени като такива, които не са сред съществените свойства на CSS1. Съществени свойства на CSS1 частта от CSS1, която се изисква във всички приспособени към CSS1 браузъри. CSS1 парсер браузър, който чете CSS1 стилови листове(style sheets) декларация свойство(например 'font-size') И съответната му стойност(например '12pt') дизайнер дизайнера на стиловия лист документ HTML документ елемент
HTML елемент тип на елемента обширен идентификатор в SGML [5] терминологията въображаема поредица от тагове инструмент за описание на поведението на псевдо-класовете и псевдо-елементите. размер на шрифта размера, за който е създаден шрифта. По принцип, размера на шрифта е приблизително равен на разстоянието от долната част на най-ниската буква с камшиче, до горната част на най-високата буква с такава добавка и (по желание) с diacritical знак. HTML
Hypertext Markup Language [2], приложение на SGML. разширение на HTML код, представен от продавачи на браузъри, най-често с цел поддръжка на определени визуални ефекти. Елементите 'font', 'center' и 'blink' са примери за HTML разширения, също както и 'bgcolor' атрибута. Една от целите на CSS е да осигури алтернатива на HTML разширенията. вътрешноредов елемент елемент, който не съдържа знак за нов ред преди и след себе си(например 'strong' в HTML) свойствени измерения широчината и височината, както са дефинирани от самия елемент, без да са наложени от околните елементи. В тази спецификация се предполага, че всички заместени и само заместени елементи носят със себе си и свойствени измерения. родителски елемент съдържащия елемент в SGML [5] терминологията псевдо-елемент псевдо-елементите се използват при CSS селекторите, за да адресират типографични елементи(например първия ред на елемента), вместо структурни такива. псевдо-клас псевдо-класовете се използват при CSS селекторите, за да позволят на информация, външна за HTML източника(например факта дали една котва е била посетена или не) да класифицира елементите. свойство стилов параметър, на който може да се влияе чрез CSS. Тази спецификация дефинира списък от свойства и съответните им стойности. читател
лицето, на което се показва документа заместен елемент елемент, за който CSS форматора знае единствено свойствените измерения. В HTML елементите 'img', 'input', 'textarea', 'select' и 'object' представляват примери за заместени елементи. Например, съдържанието на елемента 'img', често се замества от изображение, към което сочи атрибута src. CSS1 не дефинира начина, по който се намират свойствените измерения. правило
декларация(например 'font-family: helvetica') и нейния селектор(например 'h1') селектор символен низ, който идентифицира за какви елементи се отнася съответното правило. Селектора може да е или прост(например 'h1') или контекстов(например 'h1 b'), който се състои от няколко прости селектора. SGML
Standard Generalized Markup Language [5]; приложение на който е и HTML прост селектор селектор, който подбира елементите базирайки се на техния тип и/или атрибути, а не на позицията на елемента в структурата на документа. Например 'h1.initial' е прост селектор. стилов лист(style sheet) сбор от правила UA(user agent) уеб браузър или уеб клиент потребител синоним на читател тежест
приоритета на правило В текста на тази спецификация единичните кавички('...') обозначават извадки от HTML и CSS. 1 ОСНОВНИ ПОНЯТИЯСъставянето на прости стилови листове е лесна задача. Нужни са известни знания в областта на HTML и такива в областта на desktop publishing терминологията. Например, за да се зададе син цвят на h1 елементите, може да се използва следната декларация: H1 { color: blue } Примера, показан по-горе е просто CSS правило. Правилото се състои от две основни части: селектор(h1) и декларация(color: blue). Декларацията е съставена от две части: свойство(color(цвят)) и стойност(blue(син)). Макар, че примера по-горе опитва да влияе само на едно от свойствата, които са нужни за визуализирането на HTML документ, самия той може да бъде определен за стилов лист. В комбинация с други стилови листове(едно от основните свойства на CSS е, че стиловите листа са комбинирани) той ще определи крайния външен вид на документа. Селекторът е връзката между HTML документа и стиловия лист и всички типове елементи в HTML са възможни селектори. Типовете елементи в HTML са дефинирани в HTML спецификацията[2]. Свойството 'color' (цвят) е едно от около петдесетте свойства, които определят външния вид на HTML документа. Списъкът на свойствата и техните възможни стойности е дефиниран в тази спецификация. Авторите на HTML файлове трябва да пишат стилови листа само, ако искат да предложат специфичен стил на своите документи. Всеки браузър(думата се среща и като "уеб браузър" или "уеб клиент") ще има свой-собствен, зададен по подразбиране стилов лист, който ще представя документите по приемлив, но не съвсем обичаен, начин. Приложение A съдържа примерни стилови листа, които представят HTML документи, както се предлага в HTML 2.0 спецификацията[3]. Граматиката на CSS1 езика по същество е дефинирана в Приложение Б(B).
HREF="http://style.com/cool" TITLE="Cool"> Headline is blueWhile the paragraph is green. Каталог: books books -> Тайнствената сила на пирамидите Богомил Герасимов Страхът на времето books -> В обятията на шамбала books -> Книга се посвещава с благодарност на децата ми. Майка ми и жена ми ме научиха да бъда мъж books -> Николай Слатински “Надеждата като лабиринт” София, Издателство “виденов & син”, 1993 год books -> София, Издателство “Българска книжница”, 2004 год. Рецензенти доц д. ик н. Димитър Йончев, проф д-р Нина Дюлгерова Научен редактор проф д-р Петър Иванов books -> Николай Слатински “Измерения на сигурността” София, Издателство “Парадигма”, 2000 год books -> Книга 2 щастие и успех предисловие books -> Превръщане на числа от една бройна система в друга books -> Тантриското преобразяване Изтегляне 0.97 Mb. Сподели с приятели:
|