Создание сайта. #4 Основы - CSS
    Некоторое из того, что кажется мне интересным. Создание сайта. #3 Основы - HTMLНелицензионный софт - грех или нет? Февраль 05 Создание сайта. #4 Основы - CSS Комментировать Метки: , , | посмотров - 321

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

    (Cascading Style Sheets - каскадные таблицы стилей) -вторая наша тема на сегодня. HTML, как говорилось ранее, отвечатет за внешний вид выводимой информации. Для удобства в этом ему помогает . В принципе, без использования можно и обойтись, если некуда девать свободное время, но лучше понять его и использовать - так открывается гораздо больше возможностей. Использование HTML без подобно статическому сайту из нашего второго урока - для того, что бы изменить внешний вид определенного тега придется перелопатить весь код руками и тупо заменить описание этого тега для каждого из них. К примеру - нам необходимо, что б весь наклонный текст вдобавок был еще и синего цвета. Можно менять его принудительно при каждом использовании тега em (а именно он отвечает за наклонный текст), но гораздо умнее создать для этого тега правило - и оно автоматически будет применяться всякий раз.
    В нет тегов, зато есть классы (class), селекторы тегов и идентефикаторы (id), а так же свойства и описания свойств. Так же, как и в HTML есть комментарии, разве что обозначаются они по другому. Рассмотрим пример документа.

    .one {
    color:#666666; /*серый цвет текста*/
    font-weight:bold; /*жирный шрифт*/
    }
    #two {
    height:30pt; /*высота элемента равна 30 пунктам*/
    text-align:center; /*текст ровняется по центру*/
    }
    strong {
    text-decoration:underline; /*текст подчеркнут*/
    }

    Сначала идет класс (class) он обозначается точкой перед именем. Затем - Идентефикатор (id) обозначается решеткой. Далее - селектор тега - переопределяет параметры отображения по умолчанию указанных тегов. В данном случае - всe, что будет заключено в теги strong помимо жирного текста будет выделено еще и подчеркиванием.

    Похожие записи

    Комментировать Поиск по сайту Страницы Самое интересное Ссылки О чем здесь Рубрики