ГЛАВНАЯ | HTML | CSS | PHP | JS | ЕЩЁ |

Что такое CSS

Начиная рассказывать о CSS, нужно первым делом расшифровать, что эта аббревиатура означает!

Как расшифровывается CSS?

Расшифровывается CSS как - Cascading Style Sheet

И тут должен быть текст от себя!

Почему!? Да просто от того, что читаешь эту скучную теорию о том, чем же является на само деле CSS, спать хочется!

Но ведь мы пришли сюда не за этим! И как раз мы пошли по такому же принципу описывая html
Если у нас HTML строительный материал, то CSS - это свойства строительного материала, цвет, размер, расположение объектов относительно догу друга – т.е. позиционирование. Если к примеру обои это материал отделки, то цвет, структура, и даже расположение на стене – за всё это и отвечает наш CSS. И в самом конце страницы сделаем список всех тем в виде списка. Либо как на главной.

Как переводится CSS?

Cascading Style Sheet переводится как — каскадные таблицы стилей

Зачем нужен CSS?

С помощью CSS можно задать большинство параметров на странице, которую вы читаете!

Цвет шрифта, высота шрифта, ширина текстового поля, задний фон, в  общем, всё, что видите в окне браузера!

Для чего используют CSS?

Я не буду вам рассказывать учебник по CSS, а скажу своими словами, как это я понимаю!  

CSS – это первый шаг  по превращению статичной страницы в динамичную.

И самое лучшие объяснение, когда используешь примеры!

Представим такую ситуацию! Есть два сайта, с одинаковым количеством страниц!

К примеру 1000 страниц на сайте А и 1000 страниц на сайте В, но ко второму сайту подключено css!

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

Для сайта "А" – это превращается в УЖАС! Потому что ему предстоит открыть 1000 страниц и вручную заменить эти значения на те, которые нужны! Даже боюсь себе это представить!

Если менять по 100 страниц в день. То потребуется 10 дней!

Для сайта "В" – это займёт 1 минуту!  Следует заменить это значение в файле CSS.

Расположение стилей CSS

Для того, чтобы каждый раз на страницах сайта не повторять одно и тоже – о расположении стилей напишем здесь!

Стили могут использоваться тремя способами.

1.Локально, внутри тега, к которому требуется применить стили. Внутри тега пишется "style=" оборачивается в кавычки и прописываются стили...:
<div style=" width: 95%; border-bottom: 3px solid #080808; background-color: #edc2e6;">Здесь текст </div>

Результат:

Здесь текст 
2.Локально на странице, внутри тега "<head></head>" прописываются все те стили, которые были прописаны внутри тега
Создается класс или идентификатор и внутри сдвоенных фигурных скобок прописываются стили.

<style>

.name_class{

     border-bottom: 3px solid #080808;  

     width: 95%; 

     background-color: #edc2e6;    

}

</style>

Внутри тега прописывается класс...

<div class="name_class">Здесь текст</div>

Результат:

Здесь текст

3.Все тоже самое, только это прописывается в отдельном файле css
3.а.Прикрепляем файл к странице
3.б.Внутри файла прописываем наши свойства: вот так оно должно у вас выглядеть
3.в.И в коде, в теге, прописываем аналогично, что и в варианте №2.

Не забудь !
Оставить комментарийCOMMENTS+
Сообщений пока нет - Вы можете стать первым
BBcode
нажмите, чтобы загрузить аватар
Загрузить свой аватар(max ширина, высота = 100px) ( как это работает)

Закрыть
+=
Подписаться
Теги:
Как расшифровывается CSSКак переводится CSSЗачем нужен CSSЗачем нужен CSSДля чего используют CSS

НАШИ ПРОЕКТЫ : Проекты находятся в разной степени готовности (просто их столько, что времени не хватает…) Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2019