Уроки Joomla

Изучение CMS. Работа с компонентами, модулями и плагинами.

Разбираемся с шестнадцатеричными цветами в HTML. Урок 9

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

color: #abсс33;

Но чтобы разобрать эту запись, нужно прежде всего понять в соответствии с какой цветовой схемой монитор показывает нам цвета и как получает нужный. А происходит это путём смешивания трёх цветов – Red (красный), Green (зелёный) и Blue (синий) в определённой пропорции. Отсюда и само название цветовой схемы – RGB.

Работа с шрифтами. Задание размера, начертания и настройка отображения. Урок 8

В этом уроке мне хотелось бы рассказать про шрифты более подробно. С базовыми CSS правилами, которые используются для оформления шрифтов, такими как font-family, color и font-size вы уже должны быть знакомы по предыдущим урокам. Сейчас мы будем рассматривать и остальные свойства.

font-weight

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

Пример использования:

font-weight: bold;  – полужирное начертание,

font-weight: normal; - начертание по умолчанию, то есть обычный текст.

Работа с классами в HTML и CSS. Урок 7.

Коротко о том, для чего нам вообще нужны классы. Допустим у нас на страничке есть несколько абзацев, и мы решили каждому из них задать своё оформление. Один должен быть зелёного цвета, другой жёлтого, а третий - так вообще синего. Как быть в этом случае? Ведь всё что есть в нашем распоряжении на данный момент, так это тэг p. И если мы будем задавать ему правило, то оно автоматически применится для всех элементов. А нам бы этого не хотелось. Вот на этот случай и придумали классы.

Как вы наверное уже догадались, классы используются в том случае, когда нам нужно дать определённому абзацу свойства, которые присущи только одному ему. В html коде, чтобы какому-то тэгу назначить класс, нужно в атрибуте class прописать само название класса. К примеру class='green'. По факту это будет выглядеть примерно вот так:

Изучаем CSS. Селекторы, названия и значения свойств. Урок 6.

Ранее мы уже с вами слегка касались изучения CSS. С этой главы я планирую заняться освещением этой темы более основательно.

Если вы пошагово следовали по моим урокам, то у вас в файле index.html должна быть секция со стилями, заключёнными в тэг <style></style>. Там должны быть описаны правила с двумя селекторами – для тэгов body и h2.

На всякий случай, если вы забыли, я повторю основные понятия, используемые в CSS.

body и h2 – это селекторы, в качестве которых указаны названия элементов, к которым будет применяться то, что заключено в фигурных скобках, то есть, правила.

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

Стандарты написания HTML и определение типа документа DOCTYPE. Урок 5.

Спецификации HTML и их объявления с помощью DOCTYPE

Я часто в своих уроках делал такие утверждения, как – «один тэг должен располагаться внутри другого», «у тэга img должен быть атрибут src», «сначала идёт тэг head, а потом body» и так далее. Но я ведь не придумывал всё это на лету, - а руководствовался неким регламентом, автором которого является организация, которая собственно придумывает и утверждает все стандарты, - называется она W3C (Консорциум Всемирной Паутины). Раньше я об этом не упоминал, но стандартов написания HTML существует несколько. И у каждого из них есть свои особенности и правила написания. Связано это с тем, что HTML не стоит на месте, а постоянно развивается.