Подключение css к html
жүктеу/скачать 0,61 Mb.
|
Каскадные таблицы стилей CSS
- Бұл бет үшін навигация:
- Заголовок первого уровня
- Заголовок второго уровня
- Этот заголовок будет красного цвета
| Подключение CSS к HTML
Внешние таблицы стилей Создаем обычную html-страницу, с таким кодом: (Слайд 2) Заголовок первого уровняЗдесь просто текст Заголовок второго уровняЗдесь просто текст Заголовок первого уровняЗдесь просто текст Заголовок второго уровняЗдесь просто текст Этот заголовок будет красного цветаЭтот заголовок будет красного цветаЭтот заголовок будет красного цветаЭтот заголовок будет красного цветаЭтот заголовок будет синего цветаЭтот заголовок будет красного цвета, идем в файл style.css и добавляем следующий код: (Слайд 9) body{ background: blue; } Теперь проверяем нашу html-страницу в браузере, фон должен стать синим. Далее, изменим цвет текста на белый: (Слайд 10) body{ background: blue; color: white; } Проверяем, нажимаем Ctrl+F5 для обновления html-страницы в браузере и смотрим, что весь текст стал белого цвета. Теперь нужно изменить цвета заголовков на красный для h1 и желтый для h2: (Слайд 11) body{ background: blue; color: white; } h1{ color:red; } h2{ color:yellow; } Снова нажимаем Ctrl+F5 и смотрим, на изменения. На мой взгляд, принцип уже понятен: сначала мы указываем элемент (селектор), к которому применяем стиль, а далее в фигурных скобках прописываем его свойства и их значения. Свойствам и значениям мы посвятим отдельные уроки, а на данный момент мы рассматриваем общий принцип составления таблицы стилей. Селекторы CSSжүктеу/скачать 0,61 Mb. Достарыңызбен бөлісу:
|