Css підручник - оформлення тексту

За допомогою CSS властивості color Ви можете змінювати колір тексту HTML елементів.

Колір може бути заданий наступними способами:

  1. За допомогою назви кольору (наприклад 'red' здасть червоний колір);
  2. За допомогою RGB значення (наприклад 'rgb (255,255,255)' здасть білий колір);
  3. За допомогою шістнадцятирічного значення (наприклад '# 00ff00' здасть зелений колір).

пояснення:

Перший спосіб в основному використовується для завдання основних кольорів, назви яких добре відомі. Наприклад red визначить червоний, blue - синій, white - білий.

Другий спосіб може використовуватися для завдання будь-яких кольорів і відтінків.

червоний число від 0 до 255 вказує як багато червоного буде в підсумковому відтінку.

зелений число від 0 до 255 вказує як багато зеленого буде в підсумковому відтінку.

блакитний число від 0 до 255 вказує як багато блакитного буде в підсумковому відтінку.

Наприклад rgb (255,0,0) задасть червоний колір, а rgb (0,255,0) зелений. Змішуючи червоний з зеленим rgb (255,255,0) ми отримаємо жовтий.

Третій спосіб по функціональності еквівалентний другому, але більш компактний. На практиці в основному використовують саме цей спосіб.

червоний шістнадцяткове число від 0 до ff вказує як багато червоного буде в підсумковому відтінку.

зелений шістнадцяткове число від 0 до ff вказує як багато зеленого буде в підсумковому відтінку.

блакитний шістнадцяткове число від 0 до ff вказує як багато блакитного буде в підсумковому відтінку.

Наприклад # ff0000 задасть червоний колір, а # 00ff00 зелений. Змішуючи червоний з зеленим # ffff00 ми отримаємо жовтий.

Тепер спробуємо перефарбувати абзаци в зелений колір усіма перерахованими вище способами:

Зверніть увагу: зручно вибирати необхідні відтінки кольору можна за допомогою підбирача квітів.

За допомогою CSS властивості text-align Ви можете вирівняти текст елемента по горизонталі.

Текст може бути вирівняний:

  • По центру (значення center);
  • По лівому краю (left);
  • По правому краю (right);
  • По ширині (justify).

Зверніть увагу: по ширині (justify) текст вирівнюється шляхом розтягування всіх рядків до однакової довжини. Цей метод вирівнювання часто використовується в газетах і журналах.

Схожі статті