slogin.info

ihc 468x60 1 1
< >
Звезда активнаЗвезда активнаЗвезда активнаЗвезда не активнаЗвезда не активна3 / 5
 
Автор: Администратор
Просмотров: 3253
Как вам уже должно быть понятно, CSS язык представляет собой набор правил написания кода, которые связываются с определенной HTML страницей. Посредством браузера этот код интерпретируется и стилизует элементы HTML.

В этом уроке мы рассмотрим способы связи CSS-кода с HTML-страницами.

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

<p style="color:#ff0000; font-size:16pt;">Улыбнись и взбодрись!</p>

 Теперь перейдем к двум видам связи CSS-кода с HTML-страницей:

  1. Стили указываются непосредственно в HTML странице, перед закрывающим тэгом </head>, внутри специального тэга <style></style>, который говорит браузеру, что внутри него лежат таблицы стилей.

    Теперь пример такого варианта:

    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title>Страница</title>
        <style>
            p {color:#000000; font-size:14px; text-transform:uppercase;}
            .red {color:#FF0000!important;}
        </style>
    </head>
    <body>
        <p>Будьте здоровы и счастливы!</p>
        <p class="red">Тут какой то текст</p>
    </body>
    </html>
  2. Второй вариант, когда таблица стилей выносится в отдельный файл. Это удобно, когда стили у вас  занимают большой объем, да и просто для приличия лучше выносить CSS в отдельный файл и всего одной строчкой подключать его в HTML, для этого существует тэг <link>

    Теперь - пример использования такого варианта:

    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title>Страница</title>
        <link rel="stylesheet" href="/css/template.css" type="text/css" />
    </head>
    <body>
        <p>Будьте здоровы и счастливы!</p>
        <p class="red">Тут какой то текст</p>
    </body>
    </html>

Таким образом мы рассмотрели два способа привязки CSS-стилей к HTML.

Тест

  1. Где предпочтительнее всего размещать тэг <STYLE></STYLE>:
    1. Вконце кода
    2. Без разницы
    3. После открывающего тэга <body>
    4. Перед закрывающим тэгом </head>
Ответы на тест
1. - d
< >

Поиск по сайту

Топ 10 активных пользователей

  • Имя пользователя Баллы
  • gawk
    44.20
  • hr@proovelab
    15.00
  • intuit89
    6.00
  • ZOMRO
    4.20
  • Varvarka
    4.00
  • Akyla58
    3.00
  • AnnaOl
    3.00
  • dimasik_3557
    3.00
  • ErcardSa
    3.00
  • Galinamuh
    3.00
 

Рекламные ссылки

IHC

Пожертвования

icon donate

Yandex.Money: 410011571748395

Webmoney:

R362907776401 (Рубли)

Z410919458006 (Доллары)

ihc 468x60 1 1

Последнее с форума

ZOMRO аватар
Необходимо ли иметь собственный домен для тестового периода использования хостинга? Что делать если ...
Перейти в тему
ZOMRO аватар
Домен — имя для Вашего сайта. К выбору имени стоит подходить со всей серьезностью. При выборе домен...
Перейти в тему
ZOMRO аватар
Гарантируем защиту от всех известных DDoS-атак (L2-L7) для наших VDS/VPS-серверов! Если Ваш сервер ...
Перейти в тему

Последние статьи

Javascript функции

Функции - одна из основных концепций языка JavaScript. При этом есть кардинальное отличие от многих языков программирования, в JS каждая функция сама по себе является объектом, а соответственно и манипулировать с ней можно разными способами:

Ссылка на телефон

В этой статье мы рассмотрим простой и обычный способ создания ссылки на телефон.

CPA сети 30.01.2017
CPA сети

Сегодня мы подробно рассмотрим тему зарабатка на своих проектах (т.е. это не обязательно сайты) при помощи CPA сетей.