Введение в CSS [Урок 1] | Разработка игровых платформ
  1. Доброго времени суток. В связи с появлением спамеров, активация функций новых пользователей (Создавать темы, писать сообщения), теперь будет только после проверки администратором! Для регистрации отписываемся в лс, в вк. vk.com/tehnik777 (Пишем только с реальных страниц)
    Скрыть объявление

Введение в CSS [Урок 1]

Тема в разделе "С++/С#, HTML, PHP, JavaScript, XML...", создана пользователем Zloo, 6 ноя 2016.

Обсуждение темы Введение в CSS [Урок 1] в разделе С++/С#, HTML, PHP, JavaScript, XML... на форуме zetta-forum.ru.

  1. Zloo

    Zloo Администратор Команда форума

    Регистрация:
    31 окт 2016
    Сообщения:
    265
    Симпатии:
    158
    Баллы:
    43
    Пол:
    Мужской
    Сайт:
    https://zetta-forum.ru
    VK:
    https://vk.com/tehnik777
    Введение в CSS [Урок 1]​

    «Введение в CSS» – первый урок учебника CSS. В этом уроке мы начнем обучение CSS и обсудим общие особенности использования каскадных таблиц стилей, такие, как подключение таблиц стилей, использование комментариев и т.д.

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

    Приоритет использования таблиц стилей

    Существует несколько способов задания таблиц стилей:
    1. Внутри элемента HTML
    2. Внутри элемента <head> страницы HTML
    3. Во внешнем файле CSS

    Если для некоторого элемента разметки HTML было определено более одного стиля, то ни будут последовательно каскадированны друг на друга по определенным правилам. Приоритет наложения стилей друг на друга представлен ниже:

    1. Стили браузера по умолчанию
    2. Внешние стили
    3. Внутренние стили (стили, расположенные внутри элемента <head>)
    4. Стили, присвоенные непосредственно HTML элементам


    Благодаря этим правилам стили могут быть каскадированны друг на друга. Как видно из представленного списка стиль элемента имеет наивысший приоритет и если возникнет ситуация, что стиль элемента задает, к примеру, красный цвет элемента, а во внешней таблице прописано, что элемент должен быть черным, то элемент будет красным, т.к. стиль, присвоенный непосредственно внутри элемента имеет наивысший приоритет.

    Подключение внешних таблиц стилей

    Использование внешних таблиц стилей является наиболее удобным способом организации разметки страниц. Для построения связи с внешней таблицей необходимо конструкцию вида <link rel="stylesheet" type="text/css" href="style.css"> разместить внутри контейнера <head></head> , как это показано в примере:


    Код:
    
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>

    После этого создаем файл с названием style.css и прописываем внутри него необходимые css инструкции.

    Комментарии CSS

    Для создания комментариев в CSS используется следующая конструкция:

    для открытия комментариев служит символ "/*" и символ "*/" – для закрытия.


    Код:
    /* Первый комментарий. */
p
{
/* Второй комментарий. */
{ 
margin – left: 5pt; font – family: "verdana";
/* Третий комментарий. */
font – style:italic;
}

    Как вы и сами видите, комментарии могут быть расположены в любом месте CSS инструкции.
     
    Zloo, 6 ноя 2016
    #1

Поделиться этой страницей