Управление стилями

Управление стилями в HTML.

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

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

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

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

  Например, чтобы сделать фон страницы, то что видит пользователь под текстом, жёлтым (yellow в переводе с английского означает жёлтый) достаточно в элементе body происать стиль фона. <body style=»background-color: yellow;»></body>. Можно написать и проще <body background-color=»yellow»></body>, но лучше всё-таки использовать стандарты, которые гарантируют правильное отображение элементов, хотя браузер и так поймёт, что Вы хотите.

  Чтобы это проверить, достаточно открыть код Вашей страницы и скопировать в тег body этот атрибут и его значение. Не забудте файл сохранить, а то изменений не произойдёт. Если теперь Вы откроете страницу двойным кликом, то Вы увидите, что Ваша страница перекраслась в жёлтый цвет. Таким же образом использыются и другие атрибуты, которых великое множество.

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

  Стили поддерживаются всеми элементами языка HTML, кроме тех, в которых нет смысла их использовать. Например, как можно использовать стили в элементе перехода на новую строку <br>. Следовательно, не стоит стили в нём и прописывать, хотя если вы их напишите даже в этом элементе, ничего страшного не случиться, максимум вылетит предупреждение, что Ваши стили там ни к чему.

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

——————————————————————————

Читайте также по теме:
Работа в интернете для начинающих


*Простые способы заработать для новичка

*Как привлечь рефералов абсолютно бесплатно
*Стабильный заработок для коирайтеров и рерайтеров
*Бинарные опционы — заработок в интернете
*Как заработать в интернете без вложений на кликах




Яндекс.Метрика Рейтинг@Mail.ru