Подписка
Email
Fb
RSS
Twitter
Email

Видео уроки CSS. Часть 4

Здравствуйте, представляю вам четвертый урок курса CSS от сайта DenWeb.Ru.

Предыдущие уроки: первый, второй, третий.

Сегодня мы продолжим знакомиться со средствами CSS, предназначенными для изменения отображения текста. В данном уроке будем форматировать текст.

План урока:

  • Отступы (абзац): свойство text-indent: 20px;
  • Выравнивание текста: свойство text-align: center/justify/right/left;
  • Декоративное оформление:
    свойство text-decoration: none/underline/overline/line-through;
  • Расстояние между буквами: свойство letter-spacing: 5px;
  • Расстояние между словами: свойство word-spacing: 10px;
  • Трансформация текста: свойство text-transform: capitalize/uppercase/lowercase;
  • Пробелы: свойство white-space: normal/pre/nowrap;
  • Направление вывода текста: свойство direction: ltr/rtl;

Ну все, теперь вы можете делать с текстом все что захотите, ибо данные свойства это позволяют. В следующем уроке поговорим об оформлении html документа средствами CSS.

Вы можете оставить комментарий.

16 комментариев к записи “Видео уроки CSS. Часть 4”

  1. Снежана:

    разрешите вопрос:)суть в следующем: когда длина строки в списке больше одной строки, то она перемещается на следующую строку, но под маркер, а хотелось бы что бы новая строка начиналась правее  маркера... как это сделать?

    • Применяли какие-нибудь css свойства к списку? По умолчанию как-раз не должен текст под маркер заходить.

      Можете вот такой стиль попробовать:
       ul {
          list-style:outside; 
         }

  2. Никита:

    Ден а мне кажется всё это можно сделать в HTML документе.

    • Если имеется ввиду форматирование текста, то в принципе можно, но правильнее в css. В html делается только «каркас документа», то, что нельзя прописать в css.

  3. FizIKS:

    У свойства text-decoration есть еще значение blink. Устанавливает мигающий текст.

  4. Иван:

    Ден,подскажите пожалуйста,  как можно изменить растояние между заголовками и параграфами (сделать везде разным), только с помощью</br>,или в css как-то тоже можно?а то я или пропустил, или недопонял где-то. зарание спасибо

  5. exe:

    Столкнулся с тем, что в IE9(Windows7)  white-space: pre; дает тот же результат что и white-space: nowrap;В Мозилле все правильно отображается.

  6. BigYu:

    исправьте «свойтсво» на «свойство»

  7. Руслан:

    Спасибо вам  можно спросить как зделать категорий на сайте и поставить их там где именно мы хотим ?

  8. Екатерина:

    Здравствуйте, вот у меня  свойства для ссылок почему то не работают, ни цвет, ни text-decoration. Почему так может подскажете?

  9. andrey:

    spasibo Den! tvoi uroki ochen klassnie!

  10. Gyulmett:

    Спасибо большое! Очень понятные,классные уроки.

Оставить комментарий

Spam Protection by WP-SpamFree

Яндекс.Метрика