Немогли разъяснить в чём разница?

Alex15 · August 21, 2012

Каково разница и за что они отвечают:

Заранее спасибо

panig · August 21, 2012

<link type="text/css" rel="StyleSheet" href="/_st/my.css" />

это ссылка на файл стилей. Прописываешь ее в html файле, а редактируешь css в другом файле.

<STYLE type="text/css">

это начало части кода, в которой записаны css стили.

Имеет окончание и «начинку». Примерно так:


<STYLE type="text/css">
.page { width:400px; overflow:hidden; }
</STYLE>

Прописываешь эту конструкцию в html файле и тут же редактируешь css, не нужен никакой другой файл.

Alex15 · August 21, 2012

А если прописать их вместе?что получится?

wwt · August 21, 2012

можно сколько угодно их добавить, можете хоть каждый класс описывать в отдельном теге style или прикреплять отдельным файлом, другой вопрос зачем это нужно? И ответ лучше это делать как можно реже из-за производительности. Каждый лишний прилинкованный файл это лишний запрос на сервер, каждый лишний тег style - лишняя нагрузка на браузер при парсинге ))

Edited August 21, 2012 by wwt

panig · August 21, 2012

Зависит от содержимого. Если для одних и тех же элементов будут прописаныы разные стили, то отобразится лемент украшенный теми стилями, которые были прописаны ниже.

Например:


    <head>
        <title>title</title>
        <style type="text/css">
            body { background-color: #fff; }
        </style>
        <link rel="stylesheet" href="style.css" type="text/css" />
    </head>

В файле style.css прописан body { background-color: #e7983f; }

В этом случае фон body будет цвета #e7983f.


    <head>
        <title>title</title>
        <link rel="stylesheet" href="style.css" type="text/css" />
        <style type="text/css">
            body { background-color: #fff; }
        </style>
    </head>

А в это случае фон body будет цвета #fff

Можно использовать !important, тогда расположенность не важна.

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

wwt · August 21, 2012

Зависит от содержимого. Если для одних и тех же элементов будут прописаныы разные стили, то отобразится лемент украшенный теми стилями, которые были прописаны ниже.
...

поправочка: "в случае если оба правила имеют одинаковый приоритет, то тогда берется последнее правило в списке".

к примеру #mydiv будет иметь больший приоритет чем .mydiv примененные к одному элементу и без разницы в каком порядке правила располагаются в стилях.Чтобы пример был понятен http://jsfiddle.net/bDv5p/

А вообще http://htmlbook.ru/samcss/kaskadirovanie почитайте.

Edited August 21, 2012 by wwt

Sign In

Немогли разъяснить в чём разница?

Question

Alex15

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

panig

Link to comment

Share on other sites

Alex15

Link to comment

Share on other sites

wwt

Link to comment

Share on other sites

panig

Link to comment

Share on other sites

wwt

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information