На этом курсе Вы сможете научиться делать HTML документ красивым!
! Если Вы не знаете основ HTML, то этот курс может оказаться для Вас непонятным. Настоятельно рекомендую сначала изучить HTML!
CSS (каскадные таблицы стилей) - это не язык программирования, как и HTML, но тем не менее без CSS не обходится ни один современный сайт! CSS не требует подключения как, например, JQuery (библиотеки для Java Script), так как он заложен во все современные браузеры. Простыми словами - им можно просто брать и пользоваться как HTML.
! Как сообщает "Википедия": "Термин «каскадные таблицы стилей» был предложен Хоком Виум Ли в 1994 году. Совместно с Бертом Босом он стал развивать CSS."
Команды CSS записываются в фигурных скобках и через запятую. Пример:
body {
color: red;
background-color: black;
}
h1 {
color: #00F;
}
Или
body { color: red; background-color: black; } h1 { color: #00F; }
Как Вам удобно.
Команды CSS внутри HTML страницы записываются в теге <style>...</style>, внутри <head>...</head>. Также их можно записывать внутри атрибутов. Пример:
<body style="color: red; background-color: black;">...
Теперь давайте разберём отдельные команды!
Color
Эта команда используется, чтобы задать цвет текста внутри тегов. В значении этой команды можно писать как словами (red - красный, blue - голубой, black - чёрный и другие), так и цифровыми значениями палитры rgb в шестнадцатеричной системе счисления, после знака решётки "#". Примеры: #F00 - насыщенный красный так как r(red) = F(255), g(green) = 0(0) и b(blue) = 0(0); #A000FF - фиолетовый так как r = A0(160), g = 00(0), а b = FF(255). По-умолчанию цвет чёрный (#000 или #000000)
Постоянно практикуясь Вы быстро разберётесь с цветами в CSS, поэтому пробуйте, а мы идём дальше!
Background-color
Команда задающая цвет заднего фона элемента HTML. Используется точно так же, как и color, с помощью цветов rgb. По-умолчанию цвет белый (#FFF или #FFFFFF).
Помимо цветов rgb есть и другие варианты, как задать цвет (Например argb, такой же, как и rgb, но с возможностью изменять прозрачность) но мы к ним вернёмся позднее.
Практика
Попробуйте попрактиковаться с цветами! Измените цвета в созданных Вами HTML страницах и просто "поиграйте" ими, создавая случайные цвета.