Софт

каскадная таблица стилей скачать

Рейтинг: 4.1/5.0 (1032 проголосовавших)

Категория: Windows: XML, RSS, CSS

Описание

Доклад CSS (каскадные таблицы стилей) скачать бесплатно

CSS (каскадные таблицы стилей) (доклад, 23,4 K, добавлен 22.01.2011) Уважаемый посетитель!

Нажав на кнопку "Скачать архив", вы скачаете нужный вам файл совершенно бесплатно.

Перед скачиванием данного файла вспомните о тех хороших рефератах, контрольных, курсовых, дипломных работах, статьях и других документах, которые лежат невостребованными в вашем компьютере. Это ваш труд, он должен участвовать в развитии общества и приносить пользу людям. Найдите эти работы и отправьте в базу знаний.

Мы и все студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будем вам очень благодарны.

Подсказка. Чтобы скачать архив с документом, в поле, расположенное ниже, впишите пятизначное число и нажмите кнопку "Скачать архив". Если код (пятизначное число) неразборчив, попробуйте открыть данную страницу в разных браузерах (Internet Explorer, Firefox, Opera, Google Chrome).

Документы представлены в zip-архивах. Чтобы их просмотреть, необходимо иметь установленный на компьютере архиватор, например, WinZip или WinRAR или другой, распаковывающий zip-архивы.

Просим сообщить нам. если архив не скачался или не открылся. В письме укажите ссылку на данную страницу или сообщите название данного документа. Мы примем меры, чтобы устранить ошибку.

## ### ###### #### ##

### #### ## ## ## ## ###

каскадная таблица стилей скачать:

  • скачать
  • скачать
  • Другие статьи, обзоры программ, новости

    Скачать CSS - каскадные таблицы стилей

    Скачать книгу CSS - каскадные таблицы стилей. Подробное руководство. 3-е издание

    Название: CSS - каскадные таблицы стилей. Подробное руководство. 3-е издание

    Автор: Мейер Э.

    Издательство: Символ-Плюс

    Страниц: 576

    Формат: DJVU

    Размер: 6,46 Мб

    ISBN: 978-5-93286-107-3, 5-93286-107-X, 0-596-52773-0

    "CSS. Каскадные таблицы стилей. Подробное руководство" показывает, как реализовать на практике все возможности каскадных таблиц стилей для стандартов CSS2 и CSS2.1. Множество примеров позволят научиться быстро и без усилий разрабатывать стилевое оформление веб-страниц, отвечающее современным требованиям.

    Эрик Мейер рассматривает все свойства CSS и их взаимодействие, теги, атрибуты, реализации, поддержку различными броузерами, дает рекомендации разработчикам. Вы узнаете о сложном стилевом оформлении документов, пользовательском интерфейсе, верстке таблиц, о списках и генерируемом содержимом, о свободном перемещении и позиционировании, о семействах шрифтов и механизмах резервирования, о том, как работает модель блоков, о новых селекторах CSS3, поддерживаемых IE7, Firefox и другими броузерами.

    Книга поможет избежать распространенных ошибок, она является полным справочником по CSS и будет полезна как опытному веб-разработчику, так и новичку. От читателя потребуется только знание HTML 4.O.

    Ссылки для ознакомления:

    Мейер Э

    Мейер Э.А. - CSS - каскадные таблицы стилей. Подробное руководство (3-е издание) [2008, PDF, RUS]

    CSS - каскадные таблицы стилей. Подробное руководство, 3-е издание

    Год выпуска. 2008

    Автор. Эрик А. Мейер

    Жанр. веб-дизайн

    Издательство. Символ-Плюс

    ISBN. 978-5-93286-107-3

    Формат. PDF

    Качество. eBook (изначально компьютерное)

    Количество страниц. 575

    Описание. Хотите быстро и без усилий разрабатывать стилевое оформление веб-страниц, отвечающее современным требованиям? Третье издание книги «CSS – каскадные таблицы стилей. Подробное руководство» показывает, как реализовать на практике все возможности каскадных таблиц стилей для стандартов CSS2 и CSS2.1. Множество предоставленных примеров позволит научиться создавать или легко менять внешний вид веб-сайта и получать намного более богатые представления, чем это возможно средствами только HTML.

    Эрик Мейер, признанный эксперт по CSS, HTML и веб-стандартам, со свойственным ему остроумием, опираясь на свой богатейший опыт, рассматривает свойства, теги, атрибуты и реализации, а также практические вопросы, такие как поддержка различными броузерами и рекомендации разработчикам. Чтобы создавать четкие и простые в обслуживании сценарии для компоновки веб-сайтов и разбивку на страницы с той же легкостью и управляемостью, которые обеспечивают настольные издательские системы, вам потребуется только знание HTML 4.0. Вы узнаете о сложном стилевом оформлении документов, пользовательском интерфейсе, верстке таблиц, списках и генерируемом содержимом, о всех деталях свободного перемещения и позиционирования, о семействах шрифтов и механизмах резервирования, о новых селекторах CSS3, поддерживаемых IE7, Firefox и другими броузерами, а также о том, как работает модель блоков.

    В третьем издании подробно рассматриваются все свойства CSS и их взаимодействие. Книга поможет избежать распространенных ошибок. Она является полным справочником по CSS и будет полезна как опытному веб-разработчику, так и новичку в этих вопросах.

    Доп. информация. Это не повтор. Это та же книга, но в нормальном качестве! Потому что не скан. Шрифты аккуратные, картинки разобрать можно. Приятного (во всех отношениях) чтения

    Презентация - Каскадные таблицы стилей - скачать презентации по Информатике

    Презентация на тему: Каскадные таблицы стилей

    Описание слайда:

    CSS Каскадные таблицы стилей

    Описание слайда:

    Что такое CSS? CSS (анг. Cascading Style Sheets — каскадные таблицы стилей) — стандартизованная технология описания представления документа, оформленного языком разметки (преимущественно HTML). Зачем оно надо? Цель разработки CSS - разделение содержания (написанного на HTML или другом языке разметки) и оформления документа (написанного на CSS).

    Описание слайда:

    Слова Стиль — совокупность правил, применяемых к элементу разметки и определяющих способ его отображения. Стиль включает все типы элементов дизайна: шрифт, фон, текст, цвета ссылок, поля и расположение объектов на странице. Таблица стилей — совокупность стилей, применимых к гипертекстовому документу.

    Описание слайда:

    Слова Каскадирование — порядок применения различных стилей к веб-странице. Браузер будет последовательно применять стили в соответствии с приоритетом: сначала связанные, затем внедренные и, наконец, встроенные стили. Наследование (стилей) — означает, что если не указано иное, то конкретный стиль будет применен ко всем дочерним элементами гипертекстового документа. div->p.*->span.*

    Описание слайда:

    История CSS Level 1 (CSS1, 1996 г.) - шрифты, цвета, параметры текста Level 2 (CSS2, 1998 г.) - позиционирование, @media, @page, звуковые стили, генерируемое содержимое Level 2, rev. 1 (CSS2.1, 2011 г.) - некоторые изменения и исправления Level 3 (CSS3, актуально) - существенные изменения и дополнения, учитывающие современные требования к юзабилити Level 4 (CSS4. ). Все подробности - на сайте W3.ORG (http://www.w3.org/TR/CSS/)

    Презентация на тему: CSS Cascading Style Sheets «каскадные таблицы стилей»

    Похожие презентации Презентация на тему: " CSS Cascading Style Sheets «каскадные таблицы стилей»" — Транскрипт:

    1 CSS Cascading Style Sheets «каскадные таблицы стилей»

    2 CSS – это стандарт (наряду со стандартом XHTML), разработанный Консорциумом Web для стандартизации Web-пространства, т.е. для создания единых правил, по которым программисты и веб-дизайнеры проектировали бы сайты. XHTML – это стандарт языка разметки (для создания структуры Web-страницы). CSS – это стандарт «таблиц стилей» (для создания оформления страницы).

    3 Преимущества CSS Целью создания CSS явилось разделение содержания Web-документа и его представления (оформления). Это разделение (содержания, написанного на HTML и оформления, написанного на CSS) привело к увеличению доступности документа, предоставило большую гибкость и возможности управления его представлением, а также уменьшило сложность и повторяемость в структурном содержимом.

    4 Если содержание и оформление Web-документа хранятся отдельно, то: Уменьшается время загрузки страниц сайта за счёт переноса правил представления страниц в отдельный CSS-файл. Упрощается корректировка содержания и дизайна ваших страниц сайта (В случае изменения дизайна – не требуется «исправлять» каждую страницу, а лишь изменить CSS-файл). CSS позволяет представить Web-страницу в разных режимах (экранное представление, печать, чтение голосом с экрана и др.), и в зависимости от устройств вывода (например, на экране компьютера, на сотовом телефоне, или при выводе на печать страница будет «выглядеть» по-разному). Появляются дополнительные возможности оформления Web-страниц.

    5 Существует 4 основных способа присоединения таблиц стилей к содержимому html-документа: 1. Встроенный стиль (Inline-стиль) 2. Внедрённый стиль 3. Связанный стиль 4. Импортируемый стиль

    6 Встроенный стиль Назначение стилей отдельным элементам страницы Таблица стилей встраивается в сам тег в качестве атрибута style: Пример 1. (Все абзацы страницы отображаются шрифтом Times New Roman, размером 12pt тёмно-зелёного цвета.) Пример 2. Рассказ о том, как вредно красить батареи. (Этому абзацу текста, окружённому тегом, задаётся тип шрифта Arial, размером 14pt, красного цвета( red ), с жирной насыщенностью ( bold ).)

    7 Встроенный стиль Рекомендуется только тогда, когда данный стиль (style) планируется применить только к одному элементу только на одной странице сайта (используется в единичных случаях). Набор свойств тегов и их значений свойств тегов значений (гиперссылки на интернет-справочники по HTML и CSS)

    8 Внедрённый стиль Назначение стилей нескольким элементам одной страницы Создание внедрённой таблицы стилей Пример. body h1 h2 . Все абзацы отобразятся на странице шрифтом Times New Roman, размером 12pt, тёмно-зелёного цвета, заголовки первого уровня( h1 ) – шрифтом Arial зелёного цвета полужирного начертания размером 16pt, а все заголовки второго уровня (h2 ) – шрифтом Arial размером 14pt полужирного курсивного начертания жёлто-зелёного цвета.

    9 Внедрённый стиль Внедрённая таблица стилей создаётся в голове страницы (между тегами и, в любом месте), внутри контейнерного тега (между тегами и ). Внутри внедрённой таблицы стилей задаётся любое количество правил CSS, состоящих из самого тега, к которому будут они применяться и набора свойств и значений:набора свойств значений тег 1 <свойство: значение;свойство: значение;свойство: значение;> тег 2 <свойство: значение;свойство: значение;свойство: значение;> и т.д.

    10 Внедрённый стиль рекомендуется применять в тех случаях, когда вы решили задать какой-либо набор правил форматирования только для одной страницы сайта, а все остальные страницы по вашему замыслу должны выглядеть по-другому. Для придания единого стилевого оформления нескольким (или даже всем) страницам вашего сайта используется связанный стиль.

    11 Связанный стиль Связанный стиль – это создание отдельного файла с расширением.css, в котором будет хранится вся таблица стилей вашего сайта. Пример написания такого файла ( my.css ): body h1 h2 Один такой файл может быть связан сразу с несколькими страницами сайта. В html-файле для этого в любом месте между тегами и нужно прописать следующую строку:

    13 Импортированный стиль Файл таблицы стилей ( my.css ) можно импортировать в HTML-документ и следующим способом. @import: url (my.css);. Помимо адреса импортируемой таблицы стилей возможно прописать в тег-контейнер любые правила CSS, которые будут дополнять или корректировать правила, заданные в импортируемой таблице.

    14 Стандарт CSS определяет приоритеты, в порядке которых применяются таблицы стилей. Если какой-то элемент (тег) задан несколькими стилями одновременно (т.е. при возникновении конфликта), браузер (программа для просмотра и поиска Web-сайтов, например, Internet Explorer) расставляет приоритеты следующим образом: 1. встроенные (inline) стили 2. внедрённые стили 3. импортированные стили 4. связанные стили

    15 Таким образом, зная, в какой последовательности браузер анализирует таблицы стилей, можно задать один общий связанный стиль для всех страниц сайта и при этом гибко управлять стилями отдельных страниц и отдельных элементов на странице. Именно с этим и связано наличие слово «каскадная» в названии CSS (cascading style sheets) – нескольких таблиц стилей, разными способами присоединённых к html-документу, прокатывающихся через браузер неким «каскадом» в порядке их приоритетности

    16 ЗАДАНИЕ 1 Создайте в блокноте файл CSS (с обязательным указанием цвета фона страницы (цвет - любой)) Присоедините его к web-странице, созданной в предыдущем задании. (сохранить и прислать результат) С помощью известных вам способов (минимум двух) связывания таблиц стилей с содержимым Web-страницы измените оформление данной страницы. (сохранить и прислать результат)

    17 Свойства цвета и фона обозначение описание возможные значения color цвет текста любое соответствующее стандарту значение цвета. background-color цвет фона любое, соответствующее стандарту значение цвета. background- image рисунок в качестве фона указывается имя файла background-image: url(имя файла) background- repeat повторяемость для фона заданного изображением по горизонтали: repeat-x ; по вертикали: repeat-y не повторяется: no-repeat по умолчанию повторение и по горизонтали и по вертикали. background- attachment неподвижность фона при прокрутке fixed background- position положение изображения относительно верхнего левого угла элемента задается в процентах от размера элемента (первое число – смещение по горизонтали, второе по вертикали)

    18 ЗАДАНИЕ 2 Задайте свойства страницы: Выберите фоновый рисунок (любой), определите повторение рисунка по вертикали. Укажите цвет фона страницы подходящего к фоновому рисунку (сохранить и прислать результат).

    19 Свойства стиля оформления полей Существуют свойства, которые определяют величину свободного пространства между внешними границами элемента и любым окружающим содержимым. Например, при использовании в теге они задают величину свободного пространства вокруг выводимого содержимого страницы. margin-top margin-right margin-bottom margin-left Например: body задаёт нулевое расстояние от границы до тела документа. Стили полей применимы для многих тегов XHTML, а не только для тега.

    20 ЗАДАНИЕ 3 Определить свойства тегов так чтобы получился следующий результат (прислать результат):

    21 Использованные ресурсы и полезные ссылки 1. Каскадная таблица стилей. (Wikipedia)Wikipedia 2. Людмила Бандурина. Каскадные таблицы стилей, или CSS для начинающих (практикум "правильного" HTML). 10 (49) октябрь 2000 Журнал "Мир Internet" читать.читать. 3.Д.Р. Адамс, К.С. Флойд. Основы работы с XHTML и CSS (INTUIT.ru)INTUIT.ru 4.http://www.htmlbook.ru/ (Учебник по HTML, CSS, графике и созданию сайтов)http://www.htmlbook.ru/ 5.http://html.manual.ru/ (Справочник по HTML)http://html.manual.ru/

    22 Примечания Смотреть в режиме просмотра Сроки сдачи работ – 19.03.08 sproutnow@inbox.ru

    CSS: Каскадные таблицы стилей сборник книг, eng torrent

    CSS: Каскадные таблицы стилей [сборник книг, eng]

    [font:a6e3161566="Tahoma"]

    Жанр: Компьютерная литературв

    Формат: PDF

    Язык: английский

    Так как это сборник книг, описания не будет=)

    В кратце: описание тегов форматирования, аргументов к ним и всевозможные хитрости, позволяющие выглядеть веб-странице так, как вам этого захочется.

    Список книг в торренте:

    CSS 2.0 Programmer's Reference.pdf [2.5M]

    CSS Anthology 101 Essential Tips Tricks And Hacks.pdf [9.1M]

    CSS Web Design for Dummies [2005].pdf [13M]

    css.chm [37K, только краткое описание стандарта, на русском языке]

    IDG.Bible.seriers-Html,.Xhtml.And.Css.Bible.pdf [15.2M]

    O'Reilly - Cascading Style Sheets The Definitive Guide.pdf [7M]

    O'reilly - Head First - Html With Css And Xhtml.pdf [3.4M]

    W3C - XHTML 1.pdf

    Wiley - Beginning Web Programming With Html, Xhtml, And Css.pdf [17.4M]

    Wiley - Creating Cool Web Sites With Html Xhtml And Css.pdf [14.6M]

    Wiley - Html Xhtml And Css Bible 3Rd Edition Oct2004 Wiley Rr.pdf [20.6M]

    Counter-Strike Source v34 Скачать

    Counter-Strike Source v34

    Чистая версия Counter-Strike Source v34 и полностью русская с установленными ботами и рабочим поиском серверов. Это последняя версия патча выпущенная компанией Valve. Клиент CSS v34 подключается ко всем серверам и не имеет каких либо модификаций и изменений. Полностью русская и стандартная сборка КСС в34. На сегодня это отличная игра в которую много людей во всем мире играет и если вы начнете в нее играть вы не разочаруетесь так как вы не сами будите играть, а с настоящими игроками по сети интернет.

    Как по мне, лучше чистой не лагающей игры не может быть ничего. Сегодня CSS v34 это так же популярная игра, как и кс 1.6 и кс:го играть в нее так же интересно. Ведь в список серверов очень большой выбор, обычные сервера, зомби и другие моды. Думаю лучше скачайте и сами посмотрите.

    В крации скажу так. Игра Counter-Strike Source v34 чистая, русская, с ботами, последняя версия, оригинальный размер установщика. У меня Windows 10 запускается нормально!

    CSS-таблицы стилей

    Зачем нужны таблицы стилей

    CSS (Cascading Style Sheets) - язык для управления стилем Web-страниц.

    Применение CSS позволяет значительно сократить объем HTML-документов, особенно если у вас имеется множество страниц с однотипным стилем и, в то же время, упростить работу по созданию и добавлению новых документов. Сохранив описание различных стилей в отдельных файлах, вы сможете с легкостью манипулировать стилями.

    Описание CSS

    Файлы стилей - обычные текстовые файлы, содержащие описание стиля на языке CSS, и располагающиеся на Web-сервере. Для того, чтобы Web-страница, видела стиль,внутри тэга <BODY> делается ссылка на файл стиля, как показано в примере:

    Файл style.css Файл index.htm Если файл стилей находится на другом сервере, необходимо указать его полный URL

    Файл index.htm В этом случае вы можете использовать эти стили для элементов, располагающихся в пределах WEB-страницы. То есть все текстовые элементы, находящиеся внутри тэгов <H1></H1>, <H2></H2> и <P></P> на этой странице будут отображаться красным курсивом, с размером символа в 32 пикселя.

    И последний вариант - описание стиля находится непосредственно внутри тэга элемента к которому применяется этот стиль, например:

    <font style="color:blue; font-size:12pt; font-family:Arial"> Данный стиль применяется только к этой надписи </font>

    Этот вариант не самый лучший, так как приводит к увеличению размера кода страницы и потере разделения отдельно стилей и отдельно данных страницы.

    Теперь рассмотрим случай, когда необходимо присвоить стили не всем одинаковым элементам страницы, а только некоторым - для этого используется параметр CLASS = "имя класса" или идентификатор ID="имя элемента". которое может быть присвоено любому элементу страницы (параграф, таблица и т.д.).

    Параметр CLASS применяется в случае, если необходимо создать одинаковый стиль для нескольких, но не всех элементов страницы (одинаковых или разных).

    Например, указав в описании стиля:

    Можно сделать так, что только некоторые ячейки таблицы будут отображаться жирным курсивом. Для этого присвоим им стиль класса bi:

    <TD CLASS="bold_italic">текст</TD>

    Внимание! Названия классов чувствительны к регистру.

    Присвоение стилей с помощью идентификаторов применяется в случае, если данному идентификатору соответствует только один элемент на странице. Если элементов, которым необходимо присвоить такой стиль, несколько - это уже класс.

    Псевдоклассы и псевдоэлементы:

    Псевдоклассы и псевдоэлементы - это особые классы и элементы, присущие CSS и автоматически определяемые поддерживеющими CSS браузерами.

    Псевдоклассы различают разные типы одного элемента, создавая при определении собственные стили для каждого из них.

    Псевдоэлементы являются частями других элементов, задавая этим частям отличный от элемента в целом стиль.

    Синтаксис:

    селектор:псевдоэлемент < свойства >

    селектор.класс:псевдоэлемент < свойства >

    Список псевдоклассов и псевдоэлементов :

    active (активная ссылка)

    visited (посещенный ранее URL)

    hover (псевдокласс, возникающий при поднесении курсора к ссылке, не работает в NN).

    Псевдоэлементы первой строки. Может быть использован с block-level элементами (p, h1 и т.д.).Изменяет стиль первой строки этих элементов.

    Псевдоэлементы первой буквы. Влияет не на всю строку, а только на первый символ.

    В данном примере все ссылки будут синими. При нажатии (в активном состоянии) поменяют цвет на красный. И при подведении курсора мышки исчезнет подчеркивание.

    Краткое описание языка CSS

    Свойства шрифта • font-family это свойство определяет используемый элементом шрифт. Если указать URL, то шрифт автоматически установится на компьютер пользователя

    ПРИМЕР:font-family:Arial Black URL('arialblack.ttf') • font-style (normal, italic) Стиль элемента. Курсивный или обычный

    ПРИМЕР:font-style:italic • font-variant (normal-нормальный, small-caps-заменяет все строчные буквы на заглавные)Варианты отображения шрифта. Нетскейп не поддерживает это свойство

    ПРИМЕР:font-variant:small-caps • font-weight (normal-нормальный, bold-жирный, bolder-очень жирный, lighter-тонкий, 100-900-точная установка)Выделение (жирность) элемента

    ПРИМЕР:font-weight:bold • font-size (XX%, XXpt, XXpx)Размер шрифта

    ПРИМЕР:font-size:30pt • font (family, style, variant, weight, size) Объединяет все вышеизложенные свойства.

    ПРИМЕР:font: italic bolder Arial 12pt Свойства текста. • text-decoration (none, underline-подчеркнутый, overline-надчеркнутый, line-through-перечеркнутый, blink-мигающий)Стиль текста

    ПРИМЕР:text-decoration:line-through • letter-spacing (XX-число)Расстояние между буквами

    ПРИМЕР:letter-spacing:100 • vertical-align (baseline, sub, super, top-text, top, middle, bottom, bottom-text, процент)Расположение элементов по отношению к другим элементам стоящих в одном ряду.

    ПРИМЕР:vertical-align:top-text • text-transform (Capitalize-каждое слово начинается с большой буквы, UPPERCASE - каждая буква текста становится заглавной, lowercase - каждая буква текста становится маленькой.

    ПРИМЕР:text-transform:Capitalize • text-align (left, right, center, justify)Выравнивание текста.

    ПРИМЕР:text-align:right • text-indent (ед.длины или процент)Отступ текста.

    ПРИМЕР:text-indent:30 em • line-height (ед.длины или процент)Отступ сверху

    ПРИМЕР:line-height:100% Свойства цвета. • color (#RRGGBB)Цвет элемента

    ПРИМЕР:color:#f00000 • backgroung-color (#RRGGBB)Цвет фона элемента

    ПРИМЕР:background-color:#f00000 • background-image (URL)Фоновое изображение

    ПРИМЕР:background-image:URL("img.gif") • background-repeat (repeat - размножает фоновое изображение во всех направлениях, repeat-x - размножает фоновое изображение горизонтально, repeat-y - размножает фоновое изображение вертикально, no-repeat - не повторяющиеся изображение)Повтор фонового изображения

    ПРИМЕР:background-repeat:no-repeat • background-attachment (scroll-скроллинг фонового изображения вместе с документом, fixed-фиксация фонового изображения)Режим прокрутки фонового изображения.

    ПРИМЕР:background-attachment:fixed • background-position (%от ширины+%от высоты; top, middle, bottom; left, center, right; расстояние от левого края+расстояние от верхнего края)Положение фонового изображения

    ПРИМЕР:background-position:50%0% • background (color, image, position, attachment, repeat)Объединяет все вышеизложенные свойства.

    ПРИМЕР:background:no-repeat black fixed 50%0% Свойства границ. • margin-top (длина, процент, auto)Отступ сверху

    ПРИМЕР:margin-top:100 • margin-right (длина, процент, auto)Отступ справа

    ПРИМЕР:margin-right:100% • margin-bottom (длина, процент, auto)Отступ снизу

    ПРИМЕР:margin-bottom:100em • margin-left (длина, процент, auto)Отступ слева

    ПРИМЕР:margin-left:100pt • margin (top, right, left, bottom) Объединяет все вышеизложенные свойства.

    ПРИМЕР:background:100pt • padding-top (длина, процент)Отступ от верхнего border'а

    ПРИМЕР:padding-top:100pt • padding-right (длина, процент)Отступ от правого border'а

    ПРИМЕР:padding-right:100% • padding-bottom (длина, процент)Отступ от нижнего border'а

    ПРИМЕР:padding-bottom:100em • padding-left (длина, процент)Отступ от левого border'а

    ПРИМЕР:padding-top:100 • padding (left, right, top, bottom) Объединяет все вышеизложенные свойства. Можно задать несколько значений одновременно (до четырех) для разных сторон. Если установлено одно значение - задается единый отступ для всех сторон, если два - то задаются различные отступы для прилежащих сторон, а если четыре - то задаются индивидуальные отступы для всех сторон.

    ПРИМЕР:padding:100px • border-top-width (длина, thin, medium, thick)толщина верхнего border'а

    ПРИМЕР:border-top-width:100pt • border-right-width (длина, thin, medium, thick)толщина правого border'а

    ПРИМЕР:border-right-width:thick • border-bottom-width (длина, thin, medium, thick)толщина нижнего border'а

    ПРИМЕР:border-bottom-width:100em • border-left-width (длина, thin, medium, thick)толщина левого border'а

    ПРИМЕР:border-left-width:medium • border-width (top-width, right-width, left-width, bottom-width) Объединяет все вышеизложенные свойства. Можно задать несколько значений одновременно (до четырех) для разных border'ов. Если установлено одно значение - задается единая толщина для всех сторон, если два - то задаются различная толщина для прилежащих сторон, а если четыре - то задаются индивидуальная толщина для всех сторон

    ПРИМЕР:border-width: 15pt • border-color (цвет)Цвет border'а.

    ПРИМЕР:border-color:green • border-style Стиль border'ов. Можно задать несколько значений одновременно (до четырех) для разных border'ов. Если установлено одно значение - задается единый стиль для всех сторон, если два - то задаются различные стили для прилежащих сторон, а если четыре - то задаются индивидуальные стили для всех сторон

    ПРИМЕР:border-style: dotted groove • border-top (width, style, color) Объединяет все вышеизложенные свойства для верхнего border'а.

    ПРИМЕР:border-top: 100em red groove • border-right (width, style, color) Объединяет все вышеизложенные свойства для правого border'а.

    ПРИМЕР:border-right: 5pt magenta solid • border-left (width, style, color) Объединяет все вышеизложенные свойства для левого border'а.

    ПРИМЕР:border-left: 15pc coral inset • border-bottom (width, style, color) Объединяет все вышеизложенные свойства для левого border'а.

    ПРИМЕР:border-bottom: 30 orange outset • border (width, style, color) Объединяет все вышеизложенные свойства.

    ПРИМЕР:border: thik black double • width (длина, процент)Ширина элемента

    ПРИМЕР:width:10% • height (длина, процент)Высота элемента

    ПРИМЕР:height:100pt • float (left, right)Расположение элемента

    ПРИМЕР:float:right • clear (left, right, both)Расположение других элементов вокруг данного

    ПРИМЕР:clear:both Классификация. • display (none-не отображается, block-разбивает строку до и после элемента, inline-не разбивает строку. list-item-разбивает линию строку до и после элемента + добавляет маркер как у элементов списка)Определяет, как будет отображаться элемент списка

    ПРИМЕР:display:none • white-space (normal - "сжимает" несколько подряд идущих пробелов в один, pre - допускает отображение несколькольких подряд идущих пробелов, nowrap - не допускает перенос строки без тега <BR>)Оприделяет, как будут отображаться пробелы между элементами

    ПРИМЕР:white-space:nowrap • list-style-type (disc, circle, square, decimal, lower-roman, upper-roman, lower-alpha или upper-alpha)определяет вид маркера элемента списка.

    ПРИМЕР:list-style-type:lower-alpha • list-style-image (URL)задает вид маркера элемента списка в виде картинки

    ПРИМЕР:list-style-image:URL(cool.gif) • list-style-position (inside, outside)Определяет положение маркера в зависимости от элемента списка

    ПРИМЕР:list-style-position:inside • list-style (type, position, image) Объединяет все вышеизложенные свойства.

    ПРИМЕР:list-style:inside

    Дополнения

    Меры длины (Синтаксис: "+"/"-"XX ед.изм)

    ПРИМЕР. -566pt em - ems высота используемого элементом шрифта ex - x-height ширина буквы "x" используемого элементом шрифта px пикселы in дюймы cm сантиметры mm миллиметры pt точки (1pt = 1/72in) pc picas (1pc = 12pt) Процентные меры

    ПРИМЕР. -566% -/+%XX Уменьшение/увеличение в процентах. Цвета Название цвета ПРИМЕР. magenta • #rrggbb Цвет в RGB, где rr,gg,bb - шестнадцатиричное число.

    ПРИМЕР. #00cc00 • rgb(x,x,x) Цвет в RGB, где "х" десятичное число от 0 до 255.

    ПРИМЕР. rgb(0,204,0) • #rgb Цвет в RGB, где r,g,b - шестнадцатиричное число.

    ПРИМЕР. #0c0 • rgb (x%,x%,x%) Цвет в RGB, где где "х%" число от 0.0 до 100.0.

    ПРИМЕР. rgb(0%,80%,0%)

    Некоторые хитрости управления стилями
  • Указывайте относительные а не абсолютные размеры шрифтов.

    Указывая абсолютные размеры шрифтов, вы лишаете людей, просматривающих ваши странички, возможности увеличивать или уменьшать размер шрифтов с помощью специальной кнопочки в броузере в соответствии с разрешением их дисплея и зрением. Шрифты будут отображаться только такого размера, который вы указали при написании странички.

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

  • Заключайте описания стилей в тэг комментариев

    Это делается для того, чтобы устаревшие браузеры, не понимающие тэг <STYLE>, не выводили описания стилей на страничку как обычный текст.

    Делается это очень просто.

    Этот трюк позволяет накладывать один слой текста на другой и получать очень интересные и необычные результаты.

    Следующий код создает заголовок, который выглядит трехмерным без использования графики.

  • Отступ в первой строке абзаца.