Уеб Стыле Схеетс
CSS типс & Трицкс

Стање

Упозорење: у тренутку писања (фебруар 2003), главна прегледача не подржавају још 'ntn-child' селектор (уведена у новембру 2001), а тек врло мало подржати COL елемент.

Чак и ак правила

Један од начина да се побољша читљивости великих столова је боја измјеничне редова. На пример, у табели је светло сиве позадине за чак реда и бело за оне непаран. Правила која су врло једноставна:

tr:nth-child(even) {background: #CCC}
tr:nth-child(odd) {background: #FFF}

Month	1994	1995	1996	1997	1998	1999	2000	2001	2002
Jan	14	13	14	13	14	11	11	11	11
Feb	13	15	12	15	15	12	14	13	13
Mar	16	15	14	17	16	15	14	15	15
Apr	17	16	17	17	17	15	15	16	16
May	21	20	20	21	22	20	21	20	19
Jun	24	23	25	24	25	23	25	23	24
Jul	29	28	26	26	27	26	25	26	25
Aug	29	28	27	28	28	27	26	28	26
Sep	24	23	23	26	24	24	24	22	21
Oct	20	22	20	22	20	19	20	22
Nov	18	17	16	17	16	15	14	15
Dec	15	13	13	14	13	10	13	11

У ствари, CSS омогућава не само да омогућавају чак / ак алтернатионс, али произвољном интервалима. Кључне речи 'и' и 'ак' су само згодан схортхандс. На пример, за дугу листу можеш учинити ово:

li:nth-child(5n+3) {font-weight: bold}

То говори да је свака става 5. листа болд, почевши са 3. један. Другим речима, нумерисане ставке 3, 8, 13, 18, 23, итд, бит ће подебљано.

Чак и ак колона

Исто се ради за столом колумне, превише, али тада мора бити елемент у документу који одговара колони. HTML COL даје за то. Табела је да почнете са једним COL за сваки колону:

<table>
<col><col><col><col><col><col><col><col><col><col>
<tr><th>Month<th>1994<th>1995<th>1996...

(COL могу се користити за друге ствари него стил, али у том случају све што је потребно је да се елементи су присутни COL.) Следећих правила да да први колону жуту позадину, а затим сваки други колону полазећи од колоне 3 а сиво један:

col:first-child {background: #FF0}
col:nth-child(2n+3) {background: #CCC}

Month	1994	1995	1996	1997	1998	1999	2000	2001	2002
Jan	14	13	14	13	14	11	11	11	11
Feb	13	15	12	15	15	12	14	13	13
Mar	16	15	14	17	16	15	14	15	15
Apr	17	16	17	17	17	15	15	16	16
May	21	20	20	21	22	20	21	20	19
Jun	24	23	25	24	25	23	25	23	24
Jul	29	28	26	26	27	26	25	26	25
Aug	29	28	27	28	28	27	26	28	26
Sep	24	23	23	26	24	24	24	22	21
Oct	20	22	20	22	20	19	20	22
Nov	18	17	16	17	16	15	14	15
Dec	15	13	13	14	13	10	13	11

Позадини редова (ТR) је нацртана испред позадини колона (COL), па ако желите бити сигурни да је у позадини колумне је видљив, не бисте требали поставити на позадини редова.

CSS ресурси

• Colors Style Sheet
• CSS Page Loading Times
• CSS Navigational Headings
• CSS tutorial
• CSS Background properties
• Creating Menus with CSS
• Style sheets for handheld devices