Деякі особливості
Як задати колір в CSS
CSS пропонує нам чотири зручних способи вказати колір.
По імені. Використовуються англомовні назви кольорів, наприклад blue або red.
У шестнадцатиричном RGB (наприклад, #71C354 або #3C9). Цей спосіб широко використовується в HTML
У десятковому форматі RGB (наприклад, rgb (126, 6, 9)), де значення кожної компоненти кольору може варіюватися від 0 до 255.
(або rgba (126, 6, 9, 0.5), а – альфа канал, задає прозорість кольору )
У форматі RGB із зазначенням величин у відсотках (наприклад, rgb (30%, 40%, 70%)), де значення кожної компоненти кольору може варіюватися від 0 до 100.
/* декілька способів зробити параграфи зеленими: */
p {color: lime;} p {color: rgb(0,255,0);} p {color: #0f0;} p {color: #00ff00;} p {color: rgb(0%, 100%, 0%);}
Вставка коментарів у CSS код
Щоб створити коментар в CSS, досить ділянку тексту помістити між / * і * /.
Коментарі використовуються як для корисних анотацій до CSS-стилями, так і для тимчасового відключення частини коду.
Кучу прикладів ви побачили в цьому файлі.
Як задаються розміри (довжина , ширина) в CSS
Розміри задаються в числових значеннях - негативних і позитивних. Допустимі десяткові дроби, дрібна частина пишеться через знак " . " (точка) .
Відразу після числа необхідно вказати одиницю виміру .
Існує безліч одиниць виміру.
em
Ширина букви m в сьогоденні шрифті. Наприклад , p { text - indent : 3em } задасть червону рядок абзацу шириною в три букви m .
px
Розмір в пікселях.
in
Розмір в дюймах. Один дюйм = 2.54 сантиметра .
cm
Розмір в сантиметрах.
mm
Розмір в міліметрах.
pt
Розмір в пунктах. Один пункт = 1 / 72 дюйма
pc
Розмір в піках. ( 12 пунктів).
body {margin: 1in} table {padding: 1.5cm} p {text-indent: -2pt} img.logo {height: 12px} p {text-indent: 3em} table {border-width: 7.5pc}