Деякі особливості

Як задати колір в 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}