Контакты

Хтмл жирный шрифт. Основные HTML теги форматирования текста — выделение текста жирным и курсивом; параметры размера, цвета и шрифта; абзац и теги заголовков. Добро пожаловать на страницу компании SD

Язык разметки HTML позволяет выделить текст жирным без особых проблем, причем даже сразу несколькими способами. Впрочем, будет лучше, если вы потратите пару минут, изучая базовые правила каскадных таблиц стилей - CSS, и добавите их в документ, чтобы уже потом работать именно там. Суть в том, что куда проще управлять внешним видом веб-страницы из CSS, в том числе и тогда, когда что-то нужно выделить жирным.

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

Назначить шрифт в абзаце

Это толстое слово, и другое слово будет иметь похожий вид. Существует несколько способов изменить внешний вид текста. Влияют на размер шрифта или шрифт. Важно, чтобы эти теги имели смысловое значение. С «сильными» отметками можно также распознать машину, которая, вероятно, является довольно важным разделом. Чтобы изменить шрифт текста, вам необходимо сгруппировать область текста, которая должна быть изменена в одну область. Область всегда является содержимым тега.

Шаги

Создание жирного текста с помощью HTML

    Используйте тег strong. В HTML5, согласно спецификации, выделять текст лучше именно так. Почти всегда этот тег выделит текст жирным.

    • Поместите текст, который нужно выделить, внутри тегов: именно тут .
  1. Используйте заголовки, если это уместно. Как правило, их размещают в верхних частях страницы или в начале нового раздела. По умолчанию, заголовки отображаются крупнее и жирнее обычного текста, хотя и тут не без тонкостей. Есть шесть уровней заголовков, от 1 до 6:

    -

    . Follow these guidelines when using them:

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

    Создание жирного текста с помощью HTML

    Поскольку не каждый, каждый шрифт установлен на его компьютере, вы также можете указать альтернативу. Но мы также хотим, чтобы наш текст имел разные размеры. Параметры разделяются точкой с запятой. Указание размера возможно по-разному. Кроме того, было бы неплохо, если бы наш сайт был немного ярким.

  2. В крайнем случае, используйте тег b. Тег все еще поддерживается в HTML5, но куда как лучше. Использовать можно в том случае, когда текст выделяется в стилистических, не семантических целях - например, для выделения ключевых или словарных слов, названий товаров и так далее.

    • Как и большинство тегов, - парный, управляющий помещенным внутрь него текстом.

Создание жирного текста с помощью CSS

  1. Запомните, когда стоит использовать CSS. CSS - очень мощный и удобный инструмент редактирования внешнего вида страницы. Собственно, CSS - это то, как страница «выглядит», тогда как HTML – то, что она «значит». Конечно, в тегах HTML нет ничего плохого, ими можно пользоваться, но лучше все же работать с CSS - вы получите больше контроля над тем, как именно будет выглядеть ваш текст.

    Цвет шрифта также является атрибутом стиля. Теперь у нас есть только одна проблема. Наш мир красочный, очень красочный. Представьте, что нам нужно было бы ввести имя для каждого цвета. Как бы вы назвали все эти цвета и как могли бы вы запомнить все эти цвета?

    Тег и атрибуты — параметры шрифта текста

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

    • Откройте простую HTML-страницу в разных браузерах. Заметили, что она отображается слегка по-разному в каждом? С помощью CSS можно свести эту разницу к минимуму.
  2. Добавьте к тексту тег . Если вы еще не владеете CSS, то начать стоит с так называемого "inline CSS" - «встроенных таблиц стилей», если угодно. Этим, конечно, можно пользоваться, чтобы менять вид тегов вроде

    Или

    , но порой так можно поменять и такой текст, который еще не взят в какие бы то ни было теги. Тег - это как бы обертка, которая сама по себе никакого эффекта или влияния не оказывает, но дает нам возможность привнести нужные изменения на страницу. Вот пример:

    Это много. Текст по-прежнему будет иметь желтоватый оттенок, но желтый цвет уже не такой интенсивный. В этой области лучше всего, если вы просто немного исправите цвета. Иногда мы также хотим перечислять вещи в наших текстах. Вместо глупости всегда и т.д.

    Но прежде, чем писать, вы можете использовать здесь особый день. Существует два способа изменить размер шрифта: теги «или» или «теги заголовка». Чтобы создать жирный текст, вы можете использовать либо «жирный», либо «жирный». Для курсивного текста вы можете использовать либо «курсив», либо «курсив». Для создания подчеркнутого текста используйте подчеркивание, хотя гиперссылки часто подчеркиваются по умолчанию.

    • Я учусь выделять текст жирным с помощью inline CSS.

  3. Добавьте свойство font-weight. Свойства CSS добавляются как часть атрибута, в нашем случае - как часть атрибута style, а именно «font-weight» (жирность шрифта, если буквально). Это свойство может быть использовано для задания начертания шрифта, причем не только жирного, но и экстра-жирного, тонкого или нормального. После знака = напишите "font-weight: " . Должно получиться примерно так:

    Другие модификации источника

    Создайте гиперссылку с текстом «Ссылка». Вычеркнутый текст может быть создан с помощью «зачеркивания». Чтобы создать перезапись, используйте «Перезаписан» и «Перезаписан». Создайте новый абзац, начиная с. Вы можете создать разрыв строки, который переходит к следующей строке без создания пробела с помощью. Чтобы поместить текст с отступом, начните назначение с.

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

    • Я учусь выделять текст жирным с помощью inline CSS..
    • Пока сделайте паузу, ничего больше не пишите (и да, еще не все).
    • Не забудьте поставить кавычки до и после font-weight: .

Чтоб наша WEB страничка смотрелась более презентабельно, разделим текст на абзацы и выделим заголовок. HTML имеет 6 уровней заголовков разделов документа, пронумерованных цифрами от 1 до 6. Заглавия объявляются парой тегов с номерами, надлежащими уровню, к примеру,

- заголовок раздела первого уровня, а
- заголовок раздела шестого уровня. От обычного текста заглавия отличаются размером и шириной букв. Заголовок первого уровня h1 отображается обычно очень большим шрифтом, в то время как заголовок шестого уровня h6 - очень маленьким.

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

Заглавия

Не следует путать заглавия разделов документа с рассмотренным ранее заголовком документа, определяемым элементом

.

В качестве заголовка текста используем первое предложение - Для этого довольно ограничить его тегами

и

.

Воткните в текст файла other.html теги

и

так, чтоб они ограничивали первое предложение текста, и этот кусок кода принял последующий вид:

Как в HTML сделать текст подчеркнутым

Тем не менее, все браузеры понимают и делают это отлично. Заголовки заголовков или заголовки на английском языке служат для выделения текста, но мы не можем использовать их в любом случае, потому что заголовок всегда указывает заголовок или открытие нового раздела с заголовком.

Добро пожаловать на страницу компании SD!

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

Добро пожаловать на страницу компании SD!

Просмотрим приобретенный итог.

Сохраните файл, выбрав команду меню программки Блокнот (Notepad) Файл - Сохранить (File - Save).

Операцию сохранения нужно всегда делать перед просмотром документа, потому что открывает файл для просмотра, загружая его в оперативку компьютера с диска. Если после редактирования кода HTML вы не сохраните файл, то никаких конфигураций в браузере не увидите.

Блочные элементы оформления текста — заголовки -, абзац

Есть несколько ярлыков, чтобы выделить целые абзацы и дать им определенный формат. Просто введите шрифт типа курьера, в котором все буквы имеют одинаковую ширину. Это создает стиль, похожий на старый телетайп, который передавал информацию с символами.

Вы можете установить тип используемой буквы. Он используется, чтобы разместить текст встречи, текст, указанный другим человеком. Этот ярлык обычно выделяет текст курсивом, но другие браузеры могут интерпретировать его другими способами. Эта метка весьма полезна, поскольку она создает маркер как слева, так и справа, что создает эффект, как если бы это был фрагмент, извлеченный из другого места или используемый для комментария к предыдущей информации.

Восстановите окно браузера, нажав его кнопку на Панели задач (Taskbar).

Нажмите кнопку F5 либо кнопку Обновить (Refresh) на панели инструментов рабочего окна программки . Файл other.html будет перезагружен, и вы увидите в окне браузера, как смотрится заголовок первого уровня.

Просмотрите, как будут смотреться заглавия других 5 уровней, изменяя в тегах номера: h2, h3 и так далее После каждого конфигурации не забывайте сохранять файл и обновлять изображение в окне браузера.

Рекомендуется умеренное использование этой этикетки. Мы будем применять на практике пример «таблицы результатов», окрашивая таблицу, чтобы выделить определенные разделы, по желанию. Пример абзаца с серым фоном. Хотя вы можете захотеть применить эти стили к тексту, стили, которые вы вставляете с веб-сайтов и текстовых процессоров, часто отображаются неправильно в электронной почте клиента.

Используйте инструмент «Очистить стили»

Этот код должен быть удален вручную из исходного кода ваших блоков контента. В качестве наилучшей практики мы рекомендуем вам писать контент непосредственно в своей кампании и применять стили в построителе кампаний. Важно придерживаться нашей иерархии стилей, когда вы применяете стили к тексту, чтобы настройки стиля в одном разделе не переопределяли стили в другом разделе. Этот код можно получить в исходном коде текстового блока, но он не отображается в визуальном дизайнере.

Когда вы закончите опыты, опять восстановите в файле other.html теги

.

Используя 6 уровней заголовков, которые предоставляет в ваше распоряжение язык HTML, можно сделать просто читаемый документ с интуитивно ясной структурой. Помните, что ваш документ всегда будет читаться существенно лучше, если в нем будет точное разделение на разделы и подразделы.

Жирный шрифт с помощью css

Типографическое семейство представляет собой набор шрифтов, имеющих определенные сходства в дизайне. Обычно семья включает в себя четыре варианта: круглый, курсив, жирный и полужирный курсив. Тем не менее, существуют семьи, которые отказываются от некоторых или добавляют больше, такие как маленькие шапки, вариации толщины штрихов, вариации в ширине букв и т.д. на этой странице мы остановимся на четырех основных вариантах и ​​небольших шапках.

Круглое письмо - это основная форма и та, которая обычно используется в тексте. Раздел Использование раунда. Курсив - это письмо, чьи терминалы часто принимают изогнутую форму, как если бы они хотели присоединиться к письму, следующему или предшествовавшему стилю каллиграфического письма. На следующем рисунке вы можете видеть аукционы круглых и курсирующих букв как справа, так и наклоненными. То, что характеризует курсив, - это, как правило, не склонность, а форма терминалов и общий дизайн. Сравните прямую линию, которая пересекает рога на нижнем конце круглых букв и углов, с изогнутой и непрерывной линией курсивных букв.

Выравнивание заголовков

По умолчанию заголовок выравнивается по левому краю странички. Но его можно также выровнять по правому краю либо центрировать. Для правостороннего выравнивания в теге

употребляется атрибут align="right", а для центрирования - align="center". Допускается также очевидное указание левостороннего выравнивания - align="left".

Выделение текста жирным и курсивом — теги,, и

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

Теги выделения текста чертой —, и

Буквы, чья форма курсивом различны, варьируются от одного типа к другому. В разделе Использование курсива. Существует определенная тенденция избегать этого, поскольку он разрушает однородность типографского серого и привлекает слишком много внимания. Однако, если предполагается, что читатель легко найдет точку в тексте или просто вызовет много внимания, смелый может быть уместным. В Интернете, поскольку акцент имеет преимущество над курсивом, которое более читаемо на экране. Жирный курсив должен использоваться с большой осторожностью и не должен выходить за рамки работы над заголовками какого-либо подразделения текста.

Добавьте в тег

атрибут align="center", чтоб центрировать заголовок. Этот элемент должен принять последующий вид:

Добро пожаловать на страницу компании SD!

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

Как в HTML сделать текст выделенным (жирным)

Сейчас займемся остальным текстом. Увеличим его размер и оформим текст полужирным курсивным начертанием. Для установки полужирного начертания употребляются парные теги .

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

Поэтому вам нужно определить одно и то же правило для двух селекторов. Пример цветного курсива. Пример цветного подчеркнутого текста. Пример цветного поцарапанного текста. Вы можете изменить цвета других встроенных элементов, а также элементы, которые генерируют разрывы строк, например, и просто следуют приведенным выше примерам.

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

Как в HTML сделать текст курсивом

Курсивное начертание устанавливается при помощи тегов .

Воткните в начальный код HTML тег и так, чтоб отредактированный элемент принял последующий вид:

Вы можете захотеть, например, только изредка выделять жирным шрифтом другой цвет по умолчанию. Для этого вы определяете класс. И используйте в предложениях, когда хотите. Пример полужирного с классом. Пример курсивом с классом. Вы также можете использовать классы, чтобы дать представление о «шепотом», как будто вы шептались читателю.

Вы должны пометить свою страницу в первой строке кода и в конечном итоге перейти к последней строке документа. Это закрытие требуется, чтобы браузер мог его интерпретировать. Структура тегов формируется. Между началом тега и его закрытием находятся тексты, параметры, атрибуты и даже другие теги, которые образуют вашу страницу. Если вы не закрываете теги правильно, страница не будет отображаться правильно или она даже не появится.

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

Элементы разметки могут быть вложенными, как в данной структуре, где элемент вложен в элемент . Современные браузеры способны верно обрабатывать вложенные теги. Потому для вас нужно смотреть за тем, чтоб не нарушался порядок вложения. Работа браузера окажется затрудненной, если вложенность будет нарушена. К примеру, такая запись будет неверной: . Соблюдение вложенности - очень принципиальная часть общей культуры написания HTML кода.

Как в HTML сделать текст подчеркнутым

При помощи пары тегов можно установить подчеркнутое начертание текстового куска, ограниченного данными тегами, а при помощи пары тегов - показать текст телетайпным шрифтом.

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

Как в HTML прирастить текст

Сейчас увеличим размер шрифта текста. Это можно сделать различными методами.

Теги наращивают размер шрифта текста, заключенного меж ними.

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

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

При помощи тегов вы сможете уменьшить размер шрифта текста по сопоставлению с начальным.

Другой метод указания размера шрифта - при помощи тегов с атрибутом size. В качестве значений этого атрибута употребляются целые числа от 1 до 7. При этом значение 1 соответствует наименьшему размеру шрифта, а значение 7 - наибольшему.

Используя заместо тегов теги вида , просмотрите как меняется размер шрифта текста при различных значениях атрибута size - от 1 до 7.

В качестве значения атрибута size можно также использовать числа от 1 до 7 со знаком + (плюс) либо - (минус). В данном случае размер шрифта соответственно возрастает либо миниатюризируется, по сопоставлению с начальным, к примеру, теги прирастят размер шрифта, по сопоставлению с текущим, на один уровень. Проверьте.

Установите 5 в качестве значения атрибута size для рассматриваемого куска текста: . HTML код этого куска должен быть таким:

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

В тегах может употребляться также атрибут color для указания цвета шрифта, ограниченного тегами текста. Значения этого атрибута такие же, как и для рассмотренных ранее атрибутов, описывающих цвет фона и текста документа.

По умолчанию абзац с текстом Тут Вы узнаете… выровнен налево. Центрируем его по горизонтали при помощи тегов

. Вы сможете также выровнять абзац по правому краю странички при помощи тегов либо по левому - при помощи тегов .

Воткните теги

ограничив ими обозначенный абзац.

Направьте внимание, что для центрирования абзаца мы использовали теги

, в отличие от атрибута align="center", который применен нами в тегах

.

Внимание ! На 2010 год теги ,

, , числятся устаревшими и потому требуется использовать аналоги из стилей. Это не означает, что использовать их нельзя, но при способности пытайтесь от их избавляться.

=

=

=

=

=

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

Коды выделения

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

- применяется для определения слова. Текст выводится курсивом по умолчанию.

- для выделения слов и усиления. Текст отображается курсивом по умолчанию.

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

- для фрагментов кода программ. Показывается на дисплее шрифтом фиксированной ширины.

- употребляется для текста, который пользователь вводит с клавиатуры. В различных браузерах может отображаться различными шрифтами. Тег устаревший .

- служит для отображения сообщений программ. Выводится шрифтом фиксированной ширины. Тег устаревший .

- для особо принципиальных фрагментов. Обычно выделяется полужирным начертанием.

- употребляется для указания, что часть текста либо слово является символьной переменной, другими словами текстом, который может быть заменен разными выражениями. Отображается курсивом по умолчанию. Тег устаревший .

Спецификация HTML 4.0 предлагает более прогрессивный метод указания стилей текста и других частей - при помощи специального языка каскадных таблиц стилей CSS (Cascading Style Sheets). Таблицы стилей - это огромное достижение в области WEB дизайна, расширяющее способности улучшения внешнего облика страничек. Таблицы стилей упрощают определение интервалов меж строчками, отступов, цветов, применяемых для текста и фона, размера и стиля шрифтов и так далее Стиль большинства частей HTML может описываться при помощи атрибута style, который размещается внутри открывающего тега элемента. В качестве значения атрибута style употребляются пары вида «свойство: значение». К примеру, во куске кода, описывающего заголовок раздела,

атрибут style="color: blue" определяет, что свойство color (цвет) имеет значение blue (голубой), другими словами текст заголовка первого уровня должен отображаться голубым цветом.

Выравнивание стилями

Поглядим, как при помощи языка каскадных таблиц стилей указать стиль текстового куска, который начинается словами Тут Вы узнаете…

Для указания толщины шрифта употребляется свойство font-weight со значениями lighter (узкий), bold (полужирный), bolder (жирный), к примеру, style="font-weight: bold".

Для определения курсивного начертания применяется свойство font-style со значением italic. Потому, чтоб придать тексту полужирное курсивное начертание, следует атрибут style найти так: style="font-weight: bold; font-style: italic". Направьте внимание: характеристики могут размещаться в любом порядке и непременно обязаны делиться точкой с запятой.

Если требуется указать размер шрифта, то следует пользоваться свойством font-size, значения которого можно указать в относительных либо абсолютных величинах. Относительные величины - это проценты, а в качестве абсолютных величин употребляются пункты (pt), пикселы (рх), сантиметры (cm), миллиметры (mm). К примеру:

style="font-size: 200%"

style="font-size: 16pt"

style="font-size: 100px"

Указывая абсолютные, а не относительные размеры, вы лишаете пользователей, разглядывающих ваши странички, способности наращивать либо уменьшать размер шрифтов при помощи команды меню браузера в согласовании с их зрением и разрешением монитора. Шрифты будут отображаться только такового размера, который вы указали. Потому лучше указывать размер шрифта в процентах. В данном случае размер шрифта будет меньше либо больше на обозначенное количество процентов, чем при оформлении его при помощи HTML тега по умолчанию.

Для определения метода выравнивания текста по горизонтали употребляется свойство text-align со значениями left (налево), right (на право), center (по центру), justify (по ширине). Таким макаром, чтоб указать, что текст Тут Вы узнаете… должен быть оформлен полужирным курсивным начертанием с размером 150% от начального и выровнен по центру, следует его стиль найти последующим образом:

style="font-weight: bold; font-style: italic; font-size: 150%; text-align: center"

Этот атрибут мы применим в тегах <р>, которые позволяют представить текст в виде отдельного абзаца.

Отредактируйте элемент HTML, включающий текст Тут Вы узнаете… удалив теги

, , , и вставив теги <р> и с атрибутом style так, чтоб этот элемент принял последующий вид:

<р style="font-weight: bold; font-style: italic; font-size: 150%; text-align: center">Тут Вы узнаете о нашей деятельности, о программных продуктах нашей компании и об оборудовании, которое мы производим

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

Другие варианты выравнивания и использования стилей

Мы разглядели только один вариант использования языка таблиц стилей, когда определение стиля размещается конкретно внутри тега элемента, который вы описываете.

Это делается при помощи атрибута style, применяемого с большинством стандартных тегов HTML. Но есть и другие варианты использования CSS.

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

Таблицы стилей действуют другим, более комфортным и экономным методом. Для присвоения какому-либо элементу определенных черт вы обязаны один раз обрисовать этот элемент и найти это описание как стиль, а в предстоящем просто указывать, что элемент, который вы желаете оформить подходящим образом, должен принять характеристики стиля, описанного вами. Комфортно, не правда ли?

Более того, вы сможете сохранить описание стиля не в тексте вашей WEB странички, а в отдельном файле - это дозволит использовать описание стиля на любом количестве WEB страничек. И очередное, связанное с этим преимущество - возможность поменять оформление хоть какого количества страничек, исправив только описание стиля в одном отдельном файле.

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

В текущее время язык CSS насчитывает достаточно огромное количество параметров частей HTML, которыми он может управлять. Применяя «безопасные», другими словами совместимые с наибольшим количеством браузеров элементы CSS - характеристики шрифта, цвета частей и фона, характеристики текста и границ - вы сможете существенно облегчить свою работу и сделать ваши WEB странички более симпатичными в плане дизайна текста.

Понравилась статья? Поделитесь ей