Веб-компас сайтостроителей

CSS

Сортировать: по умолчанию Сначала новые Сначала давно добавленные

CSS - это Cascading Style Sheets (каскадные таблицы стилей), которые значительно упрощают разработку и редактирование внешнего вида веб-сайта. Они также предоставляют больше возможностей по оформлению содержимого веб-страницы, чем теги форматирования HTML. Но прежде чем приступать к изучению CSS, нужно изучить язык HTML, так как каскадные таблицы стилей задают необходимый вид отображения содержимого HTML-кода, при выводе браузером веб-страницы на экран монитора. Еще одна замечательная возможность представляется при использовании каскадных таблиц стилей - это разделение всего кода веб-странички на логическое содержимое и его оформление. В HTML, как Вы уже, наверное, знаете, для придания страничке нужного вида нужно использовать теги оформления, такие как <b>, <i> и т.д. Например, после создания сайта Вы решили поменять оформление какой-либо части странички. Что для этого надо делать? Естественно надо лезть в HTML-код, разбираться, что к чему, если сайт большой, то придется просматривать "тонны" кода, и, соответственно, вносить изменений тоже придется много. При использовании CSS эта процедура будет существенно проще.
Также есть возможность разместить содержимое каскадных таблиц стилей во внешнем файле. При этом получим возможность задавать оформление одним CSS-файлом нескольким, а может быть и всем, страницам сайта. Соответственно и менять оформление всего сайта можно будет, изменив всего один файл содержащий информацию о CSS.

    • Верстка блоками DIV
      Верстка блоками DIV имеет ряд преимуществ по сравнению с табличной версткой. Верстка блоками DIV обеспечивает более быструю загрузку страницы сайта, содержимое блоков DIV отображается по мере загрузки (в отличие от таблицы, в которой содержимое не отобразиться до тех пор, пока все ее содержимое не загрузиться), код страницы удобочитаем.
      CSS / Примеры с CSS
      06.10.2008
    • Всплывающая подсказка
      Допустим нам нужно сделать на сайте краткое пояснение некоторых слов в текстовом содержимом. Это можно сделать несколькими способами, но мы рассмотрим пример всплывающей подсказки реализованной с помощью каскадных таблиц стилей.
      CSS / Примеры с CSS
      03.07.2008
    • Меню с помощью CSS
      Сделаем меню с изменяющимся фоном (фоновым рисунком) при наведении курсора на пункт меню. Меню будет вертикальным, и состоять из текста на каком-либо фоне. Также можно сделать и горизонтальное меню.
      CSS / Примеры с CSS
      02.07.2008
    • Блочная модель документа. Часть 2
      Продолжим знакомиться со стилевыми свойствами блока, в частности узнаем, как можно управлять отображением границы блока.
      CSS / Основы CSS
      29.06.2008
    • Блочная модель документа. Часть 1

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

      CSS / Основы CSS
      29.06.2008
    • Стилевые свойства шрифта
      Рассмотрим в этой статье как можно управлять шрифтом на веб-страничке. Начнем с одного из самых важных свойств - свойство font-family. Свойство font-family определяет гарнитуру шрифта. В качестве значения этого свойства нужно указывать имя гарнитуры шрифта и/или имя общедоступной гарнитуры.
      CSS / Основы CSS
      29.06.2008
    • Стилевые свойства цвета и фона
      Продолжаем знакомиться с каскадными таблицами стилей, и в этой статье узнаем о стилевых свойствах цвета и фона элементов HTML-документа.
      CSS / Основы CSS
      29.06.2008
    • Стилевые свойства текста
      Познакомимся в этой статье со свойствами, определяющими внешний вид текста на веб-странице. Начнем со свойства text-align, которое управляет горизонтальным выравниванием текста (а также и картинками) в элементе HTML-документа.
      CSS / Основы CSS
      16.06.2008
    • Синтаксис каскадных таблиц стилей
      Как указывалось в предыдущей статье, правило в CSS записывается из двух частей: селектора и описания. Селектор определяет, к какому элементу или группе элементов HTML-документа будут применяться приведенные в данном описании стилевые свойства. В качестве селектора могут быть указаны как сами имена элементов (то есть теги), так и другие более сложные текстовые структуры, такие как классы, идентификаторы и т.д.
      CSS / Основы CSS
      13.06.2008
    • Использование каскадных таблиц стилей (CSS)
      Есть несколько способов использования каскадных таблиц стилей в документе HTML

      1. Описание в разделе <head> (заголовка) HTML-документа;
      2. Описание во внешнем файле;
      3. Встраивание (inline-описание).

      Давайте ознакомимся с этими вариантами по порядку.
      CSS / Основы CSS
      13.06.2008
Всего страниц: 1
1
Категории каталога статей
Новости сайта
Последние публикации в каталоге статей