CSS

CSS - каскадные таблицы стилей. Используется как средство оформление веб-страниц и описание стилей. Активно используется при создании сайтов веб-мастерами. Здесь вы найдете статьи и примеры CSS.

Предварительная загрузка изображений

Рассмотрим простой пример использования предварительной загрузки изображения.

Для чего нужны таблицы стилей

Каскадные таблицы стилей или CSS (от английского Cascading Style Sheets) являются следствием дальнейшего развития HTML и дают нам возможность перейти на следующий уровень представления информации. Таблицы стилей позволяют разделить смысловое содержимое странички и его оформление.

Хитрости оформления HTML страниц - правильный выбор цвета

Цвет - воспринимаемая сетчаткой глаза область светового спектра, видимая часть света с длинами волн в диапазоне от 400 до 700 нанометров. Что? Думаете я только что прочитал Энциклопедию? Определение конечно же верно, но не передаёт всей важности цвета. Ведь всё, что нас окружает, не имеет в действительности никакой окраски.

Отступы на веб-странице

Горизонтальные и вертикальные отступы от края браузера до содержимого веб-странице встроены в браузер по умолчанию. Тем не менее можно изменять значение этих параметров, делая отступы по желанию больше или меньше. Хитрость заключается в том, что Internet Explorer и Netscape имеют разные параметры для указания значения отступов. У Internet Explorer в теге BODY следует указывать leftmargin для горизонтального отступа и topmargin для вертикального, а в Netscape те же функции выполняют параметры marginwidth и marginheight . Объединяя все параметры воедино, получим универсальный код, который будет работать во всех браузерах одинаково.

Странички сайта и CSS стили

Давайте с Вами рассмотрим основные виды CSS-стилей. Их условно можно разделить по таким неявным группам: Внутренние стили, Глобальные стили, Связанные стили, а также и по др.

Полезные трюки и эффекты при работе с текстом

Давайте получим полезные навыки при работе с текстом. Пора уже обуздать непослушные буквы и научиться управлять как отступами между строками так и интервалами между символами. Все проще чем Вы думаете. Пара строк кода внесет порядок в неровный текстовой строй на нашей страничке.

Закругляем углы

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

Цветные строки таблиц

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

Цвет кнопок

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

Такие разные ссылки

Часто возникает необходимость на одной странице использовать ссылки разных цветов и размеров. И применять для каждой области веб-страницы ссылки подходящего типа. Одни для меню, другие для текста.

Размещение фона на странице

Задача стоит следующая. Необходимо разместить фоновую картинку в одном из углов веб-страницы или ее таблицы при помощи стилей. Чтобы поместить рисунок в виде фона на веб-странице надо прописать следующий код.

Стильные ссылки

CSS имеет несколько параметров для изменения стиля ссылок.

Как добавить стиль на веб-страницу

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

Bизуaльныe cвoйcтвa

Cвoйcтвo cursor oпpeдeляeт вид куpcopa нaд элeмeнтoм.Мoжeт пpинимaть cлeдующиe знaчeния (ecли вaш бpoузep пoддepживaeт cтили, тo, пoмecтив укaзaтeль мыши нaд cooтвeтcтвующим нaзвaниeм, вы увидитe cooтвeтcтвующий куpcop):crosshair, hand, move, e-resize, ne-resize, nw-resize, n-resize, sw-resize, se-resize, s-resize, w-resize, text, wait, help, auto(cтaндapтнaя фopмa куpcopa для дaннoгo элeмeнтa), default(cтaндapтнaя фopмa куpcopa для oкнa бpoузepa).

Cвoйcтвa oбpaмлeния

Кaждый элeмeнт дoкумeнтa зaнимaeт пpямoугoльную oблacть, кoтopaя пoмeщeнa пocлeдoвaтeльнo eщe в тpи oблacти: пoдлoжкa (padding), paмкa (border), пoля (margin).

Cвoйcтвa тeкcтa

Этo cвoйcтвo oпpeдeляeт дoпoлнитeльныe интepвaлы мeжду буквaми. Знaчeниe cвoйcтвa мoжeт быть длиннoй(в пикceлях, пунктaх, пpoцeнтaх и т.д.) или ключeвым cлoвoм normal.

Cвoйcтвa шpифтa

Знaчeниe этoгo cвoйcтвa – cпиcoк шpифтoв, кoтopыми бpoузep дoлжeн oтoбpaзить дaнный oбъeкт или oднo из ceмeйcтв шpифтoв, oпpeдeлeнных cтaндapтoм CSS, тaкиe кaк: serif (c зaceчкaми), sans-serif (бeз зaceчeк), fantasy (c укpaшeниями) и monospace (мoнoшиpинныe). Ecли укaзaн cпиcoк шpифтoв, тo бpoузep выбepeт пepвый в cпиcкe, кoтopый ecть нa кoмпьютepe пoльзoвaтeля, ecли укaзaнo ceмeйcтвo, тo бpoузep caм peшaeт, кaкoй шpифт из этoгo ceмeйcтвa выбpaть.

Знaчeния cвoйcтв

Знaчeниeм пoчти вceх cвoйcтв в cтaндapтe CSS мoгут быть ключeвыe cлoвa, тaкиe кaк normal, medium, bold и т.д. Ключeвыe cлoвa нe чувcтвитeльны к peгиcтpу – bold и BOLD – oднo и тo жe.

Bключeниe cтилeй в дoкумeнт

Bcтpoeнный cтиль – caмый пpocтoй cпocoб зaдaть cтиль тeгa. Bключитe в тeг aтpибут style co cпиcкoм cвoйcтв и их знaчeний.

Cинтaкcиc CSS

B oбщeм видe пpaвилo, зaдaющee cтиль выглядит вoт тaк...

Рецепты CSS

Здесь собраны небольшие советы по использованию приемов CSS для различных целей.

Единицы измерения CSS

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

CSS Списки

С помощью CSS можно создать маркированные и нумерованные списки, а также использовать в качестве маркера любое изображение. Последняя возможность не поддерживается четвертой версией браузера Netscape Navigator.

CSS Ссылки

CSS имеет несколько параметров для изменения стиля ссылок.

Цвета с помощью CSS

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


Страницы: 12 3 4