Архив рубрики “Уроки CSS”

Выравнивание текста в блоге

Выравнивание текста в блоге

Здравствуйте, дорогие друзья!

Красивое оформление блога зависит не только от того, какой шаблон на нем установлен, как подобраны цвета, но и от того, как выглядит сам текст в статьях блога.

Лично меня сильно напрягает, когда текст выровнен только по левому краю, т.е. слева строчки начинаются ровненько, а справа каждая строчка заканчивается как ей вздумается и получается такой «обкусанный» текст.

Если вы умеете работать в текстовом редакторе Word, то знаете, что выравнивание текста на странице документа может быть 4 видов:

- по левому краю (обычно этот вид выравнивание стоит везде по умолчанию)

- по центру

- по правому краю

- по ширине

Чтобы установить любой из этих видов выравнивания, нужно выделить текст и в панели инструментов Word’а нажать нужную кнопочку:

Выравнивание текста в блоге

5 Ноябрь 2010 Рубрика: Уроки CSS

Как легко и быстро вставить таблицу в блог

Как легко и быстро вставить таблицу в блог

Здравствуйте, дорогие друзья!

Сначала давайте поговорим о том, зачем вообще нужны таблицы в тексте статьи. Дело в том, что если нам нужно изобразить на странице блога не сплошной текст, а  разместить на ней разные объекты в строго определенных местах, то без использования таблиц это сделать очень трудно, а порой просто не возможно.

Приведу пример. Допустим, необходимо представить какой-то перечень товаров с картинками, причем описание товаров может занимать как 1 строчку, так и несколько, быть короче по высоте, чем картинка или длиннее.

3 Апрель 2010 Рубрика: Уроки CSS

Отступы и поля в CSS

Отступы и поля в CSS

Если вы внимательно посмотрите на файл стилей CSS в любом шаблоне для WordPress (да для любого другого сайта тоже), то увидите, что там довольно часто встречаются свойства margin и padding. Эти свойства определяют положение данного элемента относительно других, более старших или соседних элементов. Отступы в CSS задает свойство padding, а свойство margin – размеры полей вокруг элемента. Свойства width и height задают его ширину и высоту. Свойство border определяет размер и внешний вид рамки.

8 Январь 2010 Рубрика: Уроки CSS

Изменение размера шрифта в CSS

Изменение размера шрифта в CSS

Здравствуйте, дорогие друзья!
Продолжаем говорить о свойствах шрифта. В предыдущем посте я уже писала про то, как задается название шрифта, его стиль, толщина и вариант

Осталось рассмотреть, как задается размер шрифта в CSS.
С размерами в CSS много всякого намешано, но, если внимательно прочитать, то ничего сложного нет :)

Итак, размер можно устанавливать точный в сантиметрах, пунктах и т.п. и относительный в процентах и других хитрых единицах измерения.

Свойство font – size может быть задано в любых единицах измерения длины:
font – size: 36pt; (пункты)
font – size: 3pe; (пики)
font – size: 0.5in; (дюймы)
font – size: 1.27cm; (сантиметры)
font – size: 12.7mm; (миллиметры)

29 Декабрь 2009 Рубрика: Уроки CSS

Как изменить шрифт в блоге

Как изменить шрифт в блоге

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

CSS определяет следующие свойства шрифтов:

Семейство – font-family,

Начертание – font-style,

Вариант – font-variant,

Вес – font-weight,

Размер – font-size,

Шрифт – font.

29 Декабрь 2009 Рубрика: Уроки CSS

Рамки в CSS

Рамки в CSS

С помощью таблиц стилей CSS можно сделать рамки практически для любого элемента блога: контейнера (div), обзаца, картинки и т.д.

Рамки задаются свойством border. Это свойство имеет три характеристики: цвет, стиль и толщину.

Для определения этих характеристик рамок используются три различные записи:

1. border-color

2. border-style

3. border-width

29 Ноябрь 2009 Рубрика: Уроки CSS

Свойства CSS, отвечающие за цвет элемента

Свойства CSS, отвечающие за цвет элемента

В CSS цвета задаются как раз  проще всего. Если  в названии свойства есть слово color,  то это свойство CSS задает цвет какого-либо элемента. Ну а теперь более конкретно:

color – цвет самого объекта: текста, рамочки, заголовка, ссылки, линий в таблицах и т.п.

background или  background-color – цвет фона элемента. Фон могут иметь практически все элементы на странице: контейнеры (div), абзацы (p), заголовки, ячейки в таблицах. Даже выделенные жирным шрифтом кусочки текста.

Часто составляющую  -color имеют свойства для определения рамок:

border-color – задает цвет всех четырех сторон рамки.

border-top-color, border-right-color border-bottom-color border-left-color – с помощью этих свойств задаются цвета верхней, правой, нижней и левой рамок соответственно.

16 Ноябрь 2009 Рубрика: Уроки CSS
Страница 1 из 212