Внешний CSS. Базовые CSS-селекторы

Способы подключения CSS

1) атрибут style

<div style="width:200px;height:100px;background-color:red">
</div>

Серьезный минус в том, что CSS и HTML не разделены 2) тег <style> Применим оформление ко всем ссылкам в документе

<style>
A {
    color:red; //сделаем все ссылки красными
}
</style>

3) внешний CSS-файл В <head> нашего html файла пишем <link rel="stylesheet" type="text/css" href="theme.css">

А в theme.css добавляем CSS-селекторы Зададим размеры и фоновую картинку для всех div'ов на сайте

div {
    width:200px;
    height:200px;
       background:url('odessa_at_night.jpg');
}

Базовые CSS-селекторы

Свойства применяемые к тегу index.html Наш текст style.css span { color:black; }
Применение свойств к классу index.html

style.css .red_block { background-color:red; }
Применение свойств к id index.html

style.css

footer {

width:100%; }

footer {