Съдържание

• инструкции
• Как да подравните текста
• наляво {
• надясно {
• център {
• Как да се централизират дивизии, контури и деления на тялото
• съвети
• Какво ви трябва

Вместо да използват HTML атрибутите за подравняване, съдържащи се в HTML таговете, които маркират текста, е по-добре уеб дизайнерите да прехвърлят информация за представяне (опции за подравняване) в стиловия лист. В тази статия ще обясним как да подравните текста и как да центрирате по-големи елементи на страницата, като разделения.

инструкции

Таблиците със стилове ви позволяват да подравнявате и центрирате повече от текста (изображение на оформлението на уебсайта от 6922Дизайнер от Fotolia.com)

Как да подравните текста

1. За да подравните текста в нормален блок от текст, като например абзац или цитат, използвайте свойството за подравняване на текст.

2. Опциите за стойността на свойствата за подравняване на текст са вляво, вдясно, в центъра и се оправдават. Тъй като обоснованият текст не е много четлив в интернет, илюстрацията показва само лявото, дясното и централното подравняване. В тази илюстрация всеки абзац има черна рамка, за да покаже размера на блоковия елемент на страницата, ако не се приложи коригиране на ширината на елемента.

3. Обикновено елемент се присвоява на идентификатор или клас. Подравняването на текст за всички елементи в този идентификатор или клас се дефинира с правило, като следното:

   
   

   наляво {

   text-align: left; }

   надясно {

   text-align: right; }

   център {

   text-align: center; }

Как да се централизират дивизии, контури и деления на тялото

1. Може да искате да центрирате цялото оформление или голямо оформление. В тези случаи се използва различна CSS техника.

2. Прилагате правилото за CSS към селектора на най-големия елемент, който искате да центрирате. Тя може да бъде елементът на тялото, граничното деление или контейнерното отделение.

3. Центрирането с този метод не влияе на подравняването на текста. Центрираният елемент ще запази подразбиращото се ляво подравняване на текста в центрирания елемент.

4. По-долу е илюстрация на цял елемент от тялото (с черна рамка за яснота), центриран върху страница. Трябва да се зададе ширина за елемента, след което лявото и дясното поле са зададени на автоматичен. Това се прави, както следва:

   
   

   тяло {ширина: 80%; margin-right: автоматично; margin-left: auto; граница: 1px плътно черно; }

съвети

• Обикновено не е необходимо да използвате align-left, тъй като по подразбиране е лявото подравняване.Въпреки това, трябва да сте наясно, че той съществува, ако трябва да предефинирате по-рано централизирания или подравнен по десния текст по подразбиране по-късно. Ширината на елемента, който трябва да бъде центриран, може да бъде дефиниран в пиксели, проценти или ems.

Какво ви трябва

• Текстов редактор
• HTML редактор
• Основни знания по HTML