О программировании для гуманитариев.
Часть 5.
И еще немного про CSS полезного и интересного. Помните, как мы при помощи тегов HTML сделали шрифт жирным? А что, если мы хотим сделать его красным? Поменять цвет при помощи тегов уже не удастся, но это можно просто сделать при помощи CSS. Причем сделать это можно прямо внутри тега в нашем редакторе исходного года. Вот он наше Lorem Ipsum.
В первом теге <p> добавлена строчка style="color: red;". Благодаря чему наш черный шрифт стал красным.
Мелочь, а приятно! Таким образом, который называется встроенным или инлайновым, можно вносить небольшие изменения, если очень хочется.
При создании же сайтов используется другой способ. Стили CSS пишутся в одном файле, который подключается в HTML (точнее для каждого кусочка делается свой файл, но не будем углубляться).
Потому как вот для такой простейшей штучки как эта с уже не раз упоминавшегося сайта, сделанного автором в процессе обучения.
Требуется вот столько CSS. И это еще совсем мало :)
А, если вдруг захотелось ту самую анимацию-трансформацию.. Тут уж внутри HTML файла совсем никак не получится. В общем, на каждую строчку HTML может приходится десяток или десятки (а то и больше) строчек CSS.
Обычному пользователю, даже через редактор исходного кода, так не сделать. Но лайфхак для редакторов сайтов… Можно попросить вашего программиста, и он создаст специальный стиль "с перламутровыми пуговицами". И вам останется только добавить его в исходный код инлайн способом.
Предположим вы хотите, чтобы у вас был не просто красный текст, а красный текст на зеленом фоне (бррр), да еще курсивом и в рамочке. Программист может прописать для вас некий стиль, назвать его, например .text__crazy и, при необходимости, в редакторе исходного кода вам останется лишь в нужном теге прописать class="text__crazy".
Вуаля… красные буковки на зеленом фоне с рамочкой уже радуют ваших читателей.