Введение в CSS

Введение в CSS

Тема в разделе "Темы со старого форума", создана пользователем Бэкап, 17.08.2015.

Загрузка...
Ответов: 0 Просмотров: 343 Ответить в теме
Воспользуйтесь функцией автоматического продвижения темы для увеличения числа просмотров темы, продаж платного контента и узнаваемости Вашего бренда. Услуга продвижения действует на протяжении 3-х дней и стоит всего 50 STF Wallet.

Продвинуть тему
  1. Бэкап
    После знакомства с HTML разработчики сайтов разделяются на две основные категории. Одна часть считает, что с помощью HTML на сайте можно создавать всё или практически всё, другая же понимает, что в целом средств разметки недостаточно для оформления веб-документов. Действительно, HTML лишь первый этап в процессе обучения созданию сайтов. Следующим шагом является изучение стилей или CSS (Cascading Style Sheets, каскадные таблицы стилей).
    Стили представляют собой набор параметров, управляющих видом и положением элементов веб-страницы. Чтобы стало понятно, о чем идет речь, посмотрим на рис. 1.1.​
    [​IMG]

    Рис. 1.1. Веб-страница, созданная только на HTML
    Это обычная веб-страница, оформленная без всяких изысков. Тот же самый документ, но уже с добавлением стилей приобретает совершенно иной вид (рис. 1.2).​
    [​IMG]

    Рис. 1.2. Веб-страница, созданная на HTML и CSS
    Перемена разительна, поэтому заглянем в код, чтобы понять, в чем же разница (пример 1.1).

    Посмотреть вложение 65

    Сам код HTML никаких изменений не претерпел и единственное добавление — это строка <link rel="stylesheet" href="style.css">. Она ссылается на внешний файл с описанием стилей под именемstyle.css. Содержимое этого файла показано в примере 1.2.


    Посмотреть вложение 66

    В файле style.css как раз и описаны все параметры оформления таких тегов как <body>, <h1> и <p>. Заметьте, что сами теги в коде HTML пишутся как обычно.

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

    CSS представляет собой свой собственный язык, который совпадает с HTML только некоторыми значениями, например способом определения цвета.

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

    Стиль браузера
    Оформление, которое по умолчанию применяется к элементам веб-страницы браузером. Это оформление можно увидеть в случае «голого» HTML, когда к документу не добавляется никаких стилей. Например, заголовок страницы, формируемый тегом <H1>, в большинстве браузеров выводится шрифтом с засечками размером 24 пункта.

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

    Стиль пользователя
    Это стиль, который может включить пользователь сайта через настройки браузера. Такой стиль имеет более высокий приоритет и переопределяет исходное оформление документа. В браузере Internet Explorer подключение стиля пользователя делается через меню Сервис > Свойство обозревателя > Кнопка «Оформление», как показано на рис. 1.3.

    [​IMG]

    Рис. 1.3. Подключение стиля пользователя в браузере Internet Explorer

    В браузере Opera аналогичное действие происходит через команду Инструменты > Общие настройки > Вкладка «Расширенные» > Содержимое > Кнопка «Параметры стиля» (рис. 1.4).​
    [​IMG]

    Рис. 1.4. Подключение стиля пользователя в браузере Opera

    Указанные типы стилей могут спокойно существовать друг с другом, если они не пытаются изменить вид одного элемента. В случае возникновения противоречия вначале имеет приоритет стиль пользователя, затем стиль автора и последним идёт стиль браузера.

    Если вам понравилась эта тема пишите в коментарии или мне на Email: vasyl9@ya.ru буду дальше продолжать писать и обучать вас делать красивые сайты.....

    P/S ЕСЛИ НУЖЕН БУДЕТ ВАМ ОБУЧАЮЩИЙ КАНАЛ НА YOUTUBE ТОГДА ПРОДОЛЖИМ ОБУЧАТЬ ВАС ТАМ. ВСЕ СПАСИБО.

    Данный урок подготовил для вас: Василий Побережный
     
    17.08.2015 Сообщений: Симпатий:
В этой теме всего одна страница
Вам, как гостю, ограничены возможности взаимодействия с темами. Пройдите бесплатную регистрацию и откройте для себя море возможностей.