"Истина где-то рядом."

Уроки HTML

Скрипты PHP

Шаблоны HTML

Меню сайта
Уроки HTML
Уроки CSS
HTML5
Скрипты JAVA
Вёрстка сайта
Примеры PHP
Графика
Оптимизация сайта
Полезное
Реклама на сайте:






Тест кнопки


папка digest

Урок №1

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

Что такое CSS

CSS (Cascading Style Sheets) - каскадные таблицы стилей. Стиль в свою очередь это набор параметров, задающий внешнее представление объекта.

CSS-код – это своеобразный список инструкций и указаний для браузера, по тому что, где и как отобразить (элементы web-страницы). Элементами - теги XHTML/HTML и их содержимое.

Стиль - набор параметров, задающий внешнее представление объекта. Например, мы хотим, чтобы все заголовки первого уровня теги <h1>) на одной странице имели красный цвет, размер - 19 и были написаны курсивом, а на другой странице чёрного цвета, размера - 10. Заголовок - это объект, а цвет, размер и начертание - это параметры. Просто параметры нашего объекта для разных страниц разные, то есть они отличаются стилем.

Каждый элемент на странице имеет свой стиль это - параграфы, заголовки, линии и. тд. Набор стилей всех элементов называется таблицей стилей CSS.

Преимущества использования CSS

  • Можно указывать свойства, которых нет в HTML
  • Код будет структурирован и может находиться в отдельном файле
  • Значительно сокращает размер кода и делает его читабельным
  • Возможность подлючения CSS к нескольким отдельным файлам
  • Переход от табличной вёрстки сайта к блочной. Сокращаем и структурируем код
========================================================== ======================================================= теперь кнопка

Стили как правило сохраняются во внешних файлах css. Внешние таблицы стилей позволяют вам менять внешний вид и разметку всех страниц на Веб сайте - путем редактирования одного единственного файла!




  Из этого урока мы узнали что такое каскадные таблицы стилей. На следующем уроке мы научимся их подключать.

 



Создано 25.04.2020. |Обновлено: 19.12.2022.