Чет нечет...

Как разукрасить таблицу или список, через ряд, тоесть все чётные должны быть с одним фоном а не чётные с другим?

Решение:
tr:nth-child(even) {background: White} четный
tr:nth-child(odd) {background: Yellow} не четный

Есть сложнее комбинации типа tr:nth-child(2n+3).

Поскольку данный метод спецификация CSS3, В ИЕ не работает... тем хуже для ИЕ :)

Принудительный перенос строки

Свойство для переноса строки, особенно полезно когда одно слово может быть длиннее блока. Когда столкнетесь с такой ситуацией, поймете и оцените :)

white-space: pre-wrap;
white-space: -moz-pre-wrap; Mozilla
white-space: -o-pre-wrap; Opera
word-wrap: break-word; Internet Explorer 6+

Как сделать вертикальную надпись

Сегодня встал вопрос: Можно ли написать, средствами CSS, текст вертикально сверху в низ?
Ответ: Конечно можна!

чудо свойство - writing-mode, типа: writing-mode: tb-rl;

ну и фикс для всех браузеров кроме ИЕ(сам в шоке:))
Мозилла: -moz-transform: rotate(90deg);
Сафари: -webkit-transform: rotate(90deg);
Опера: -o-transform: rotate(90deg);

Кароче, вот так это делается:
<style> .v_text{ writing-mode: tb-rl; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); } </style><div class="v_text">Text</div>

Мнемоники (Спец. символы)

Символ	Назначение	Мнемоника	Код
	неразрывный пробел	 	 
¡	перевёрнутый восклицательный знак	¡	¡
¢	знак «цент (монета)»	¢	¢
£	знак «фунт стерлингов»	£	£
¤	знак «валюта»	¤	¤
¥	знак «иена»	¥	¥
¦	разорванная вертикальная черта	¦	¦
§	знак раздела (знак параграфа)	§	§
¨	две точки — умлаут / трема	¨	¨
©	знак охраны авторского права	©	©
ª	порядковый индикатор (женский род)	ª	ª
«	направленная влево двойная угловая кавычка	«	«
»	направленная вправо двойная угловая кавычка	»	»
¬	знак «отрицание» (скобка)	¬	¬
­	«мягкий» дефис (место возможного переноса)	­	­
®	знак «зарегистрированный товарный знак» не путать с ™ — «товарный знак»	®	®
¯	макрон	¯	¯
°	знак «градус»	°	°
±	плюс-минус	±	±
²	верхний индекс «2»	²	²
³	верхний индекс «3»	³	³
´	акут («острое ударение»)	´	´
µ	знак микро	µ	µ
¶	знак абзаца (параграф)	¶	¶
·	средняя точка	·	·
¸	седиль	¸	¸
¹	верхний индекс «1»	¹	¹
º	порядковый индикатор (мужской род)	º	º
¼	простая дробь «одна четвёртая»	¼	¼
½	простая дробь «одна вторая»	½	½
¾	простая дробь «три четверти»	¾	¾
¿	перевёрнутый знак вопроса	¿	¿
À	латинская заглавная A с грависом («тупым ударением»)	À	À
Á	латинская заглавная A с акутом («острым ударением»)	Á	Á
Â	латинская заглавная A с циркумфлексом	Â	Â
Ã	латинская заглавная A с тильдой	Ã	Ã
Ä	латинская заглавная A с тремой	Ä	Ä
Å	латинская заглавная A с кружком сверху	Å	Å
Æ	латинская заглавная лигатура AE	Æ	Æ
Ç	латинская заглавная C с седилью	Ç	Ç
È	латинская заглавная E с грависом	È	È
É	латинская заглавная E с акутом	É	É
Ê	латинская заглавная E с циркумфлексом	Ê	Ê
Ë	латинская заглавная E с тремой	Ë	Ë
Ì	латинская заглавная I с грависом	Ì	Ì
Í	латинская заглавная I с акутом	Í	Í
Î	латинская заглавная I с циркумфлексом	Î	Î
Ï	латинская заглавная I с тремой	Ï	Ï
Ð	латинская заглавная буква «eth»	Ð	Ð
Ñ	латинская заглавная N с тильдой	Ñ	Ñ
Ò	латинская заглавная O с грависом	Ò	Ò
Ó	латинская заглавная O с акутом	Ó	Ó
Ô	латинская заглавная O с циркумфлексом	Ô	Ô
Õ	латинская заглавная O с тильдой	Õ	Õ
Ö	латинская заглавная O с тремой	Ö	Ö
×	знак умножения	×	×
Ø	латинская заглавная O диагонально перечёркнутая	Ø	Ø
Ù	латинская заглавная U с грависом	Ù	Ù
Ú	латинская заглавная U с акутом	Ú	Ú
Û	латинская заглавная U с циркумфлексом	Û	Û
Ü	латинская заглавная U с тремой	Ü	Ü
Ý	латинская заглавная Y с акутом	Ý	Ý
Þ	латинская заглавная буква Торн (THORN)	Þ	Þ
ß	латинская буква эсцет	ß	ß
à	латинская "a" с грависом	à	à
á	латинская "a" с акутом	á	á
â	латинская "a" с циркумфлексом	â	â
ã	латинская "a" с тильдой	ã	ã
ä	латинская "a" с тремой	ä	ä
å	латинская "a" с кружком сверху	å	å
æ	латинская "ae"	æ	æ
ç	латинская "c" седилья	ç	ç
è	латинская "e" с грависом	è	è
é	латинская "e" с акутом	é	é
ê	латинская "e" с циркумфлексом	ê	ê
ë	латинская "e" с тремой	ë	ë
ì	латинская "i" с грависом	ì	ì
í	латинская "i" с акутом	í	í
î	латинская "i" с циркумфлексом	î	î
ï	латинская "i" с тремой	ï	ï
ð	латинская "eth"	ð	ð
ñ	латинская "n" с тильдой	ñ	ñ
ò	латинская "o" с грависом	ò	ò
ó	латинская "o" с акутом	ó	ó
ô	латинская "o" с циркумфлексом	ô	ô
õ	латинская "o" с тильдой	õ	õ
ö	латинская "o" с тремой	ö	ö
÷	знак деления	÷	÷
ø	латинская "o" диагонально перечёркнутая	ø	ø
ù	латинская "u" с грависом	ù	ù
ú	латинская "u" с акутом	ú	ú
û	латинская "u" с циркумфлексом	û	û
ü	латинская "u" с тремой	ü	ü
ý	латинская "y" с акутом	ý	ý
þ	латинская буква "торн" (thorn)	þ	þ
ÿ	латинская "y" с тремой	ÿ	ÿ

Символ	Назначение	Мнемоника	Код
Латинские
ƒ	латинская f с хвостиком	ƒ	ƒ
Греческие
Α	греческая заглавная альфа	Α	Α
Β	греческая заглавная бета	Β	Β
Γ	греческая заглавная гамма	Γ	Γ
Δ	греческая заглавная дельта	Δ	Δ
Ε	греческая заглавная эпсилон	Ε	Ε
Ζ	греческая заглавная дзета	Ζ	Ζ
Η	греческая заглавная эта	Η	Η
Θ	греческая заглавная тета	Θ	Θ
Ι	греческая заглавная йота	Ι	Ι
Κ	греческая заглавная каппа	Κ	Κ
Λ	греческая заглавная лямбда	Λ	Λ
Μ	греческая заглавная мю	Μ	Μ
Ν	греческая заглавная ню	Ν	Ν
Ξ	греческая заглавная кси	Ξ	Ξ
Ο	греческая заглавная омикрон	Ο	Ο
Π	греческая заглавная пи	Π	Π
Ρ	греческая заглавная ро	Ρ	Ρ
Σ	греческая заглавная сигма	Σ	Σ
Τ	греческая заглавная тау	Τ	Τ
Υ	греческая заглавная ипсилон	Υ	Υ
Φ	греческая заглавная фи	Φ	Φ
Χ	греческая заглавная хи	Χ	Χ
Ψ	греческая заглавная пси	Ψ	Ψ
Ω	греческая заглавная омега	Ω	Ω
α	греческая строчная альфа	α	α
β	греческая строчная бета	β	β
γ	греческая строчная гамма	γ	γ
δ	греческая строчная дельта	δ	δ
ε	греческая строчная эпсилон	ε	ε
ζ	греческая строчная дзета	ζ	ζ
η	греческая строчная эта	η	η
θ	греческая строчная тета	θ	θ
ι	греческая строчная йота	ι	ι
κ	греческая строчная каппа	κ	κ
λ	греческая строчная ламбда	λ	λ
μ	греческая строчная мю	μ	μ
ν	греческая строчная ню	ν	ν
ξ	греческая строчная кси	ξ	ξ
ο	греческая строчная омикрон	ο	ο
π	греческая строчная пи	π	π
ρ	греческая строчная ро	ρ	ρ
ς	греческая конечная сигма	ς	ς
σ	греческая строчная сигма	σ	σ
τ	греческая строчная тау	τ	τ
υ	греческая строчная ипсилон	υ	υ
φ	греческая строчная фи	φ	φ
χ	греческая строчная хи	χ	χ
ψ	греческая строчная пси	ψ	ψ
ω	греческая строчная омега	ω	ω
ϑ	греческая символьная тета	&thetasy;	ϑ
ϒ	греческий ипсилон с хвостиком	ϒ	ϒ
ϖ	греческий символ пи	ϖ	ϖ
Основная пунктуация
•	маркер списка (буллит)	•	•
…	горизонтальное многоточие	…	…
′	штрих	′	′
″	двойной штрих	″	″
‾	верхняя черта	‾	‾
⁄	косая черта	⁄	⁄
Буквоподобные символы
℘	рукописная заглавная P = power set = Weierstrass p	℘	℘
ℑ	чёрная заглавная I = мнимая часть	ℑ	ℑ
ℜ	чёрная заглавная R = вещественная часть	ℜ	ℜ
™	товарный знак	™	™
ℵ	буква Алеф - кардинальное число	ℵ	ℵ
Стрелки
←	влево	←	←
↑	вверх	↑	↑
→	вправо	→	→
↓	вниз	↓	↓
↔	влево-вправо	↔	↔
↵	вниз с углом вправо = возврат каретки	↵	↵
⇐	двойная стрелка влево	⇐	⇐
⇑	двойная вверх	⇑	⇑
⇒	двойная вправо	⇒	⇒
⇓	двойная вниз	⇓	⇓
⇔	двойная влево-вправо	⇔	⇔
Математические Операторы
∀	для всех	∀	∀
∂	частичный дифференциал	∂	∂
∃	существует	∃	∃
∅	пустой набор = диаметр	∅	∅
∇	оператор набла = backward difference	∇	∇
∈	элемент из	∈	∈
∉	не элемент из	∉	∉
∋	содержит как член	∋	∋
∏	n-ary product = знак произведения	∏	∏
∑	n-ary sumation	∑	∑
−	минус	−	−
∗	оператор звёздочка	∗	∗
√	квадратный корень = radical sign	√	√
∝	пропорционально к	∝	∝
∞	бесконечность	∞	∞
∠	угол	∠	∠
∧	логическое И = wedge	∧	∧
∨	логическое ИЛИ = vee	∨	∨
∩	пересечение = cap	∩	∩
∪	объединение = cup	∪	∪
∫	интеграл	∫	∫
∴	следовательно	∴	∴
∼	оператор тильда = varies with = подобно	∼	∼
≅	приблизительно равен	≅	≅
≈	почти равно = asymptotic to	≈	≈
≠	не равно	≠	≠
≡	идентично	≡	≡
≤	меньше или равно	≤	≤
≥	больше или равно	≥	≥
⊂	подмножество	⊂	⊂
⊃	включает в себя	⊃	⊃
⊄	не включает в себя	⊄	⊄
⊆	подмножество или эквивалентно	⊆	⊆
⊇	включает в себя или эквивалентно	⊇	⊇
⊕	плюс в круге = прямая сумма	⊕	⊕
⊗	умножение в круге = векторное произведение	⊗	⊗
⊥	up tack = ортогонально к = перпендикулярно	⊥	⊥
⋅	оператор точка	⋅	⋅
Различные Технические
⌈	левая скобка округления вверх = apl upstile	⌈	⌈
⌉	правая скобка округления вверх	⌉	⌉
⌊	левая скобка округления вниз = apl downstile	⌊	⌊
⌋	правая скобка округления вниз	⌋	⌋
〈	угловая скобка влево = бра	⟨	〈
〉	угловая скобка вправо = кет	⟩	〉
Геометрические Фигуры
◊	ромб	◊	◊
Различные Символы
♠	"пики" (картёжные)	♠	♠
♣	"крести" = shamrock	♣	♣
♥	"червы" = valentine	♥	♥
♦	"бубны"	♦	♦

Символ	Назначение	Мнемоника	Код
C0 Controls and Basic Latin
'	одинарная кавычка		'
"	двойная кавычка	"	"
&	амперсанд	&	&
<	меньше	&lt;	&#60;
>	больше	&gt;	&#62;
Latin Extended-A
Œ	латинская заглавная лигатура OE	&OElig;	&#338;
œ	латинская лигатура oe	&oelig;	&#339;
Š	латинская заглавная S с птичкой	&Scaron;	&#352;
š	латинская s с птичкой	&scaron;	&#353;
Ÿ	латинская заглавная Y с двоеточием	&Yuml;	&#376;
Модификаторы букв
ˆ	акцент перевёрнутая птичка/circumflex accent	&circ;	&#710;
˜	малая тильда	&tilde;	&#732;
Общая Пунктуация
	пробел длины N	&ensp;	&#8194;
	пробел длины M	&emsp;	&#8195;
	узкий пробел	&thinsp;	&#8201;
‌	zero width non-joiner	&zwnj;	&#8204;
‍	zero width joiner	&zwj;	&#8205;
‎	left-to-right mark	&lrm;	&#8206;
‏	right-to-left mark	&rlm;	&#8207;
‑	неразрывный (неразделяемый) дефис / non-breaking hyphen		&#8209;
–	тире длины N	&ndash;	&#8211;
—	тире длины M	&mdash;	&#8212;
‘	одиночная левая кавычка	&lsquo;	&#8216;
’	одиночная правая кавычка	&rsquo;	&#8217;
‚	одиночная low-9/нижняя кавычка	&sbquo;	&#8218;
“	двойная левая кавычка	&ldquo;	&#8220;
”	двойная правая кавычка	&rdquo;	&#8221;
„	двойная low-9/нижняя кавычка	&bdquo;	&#8222;
†	крест/dagger	&dagger;	&#8224;
‡	двойной dagger	&Dagger;	&#8225;
‰	промилле	&permil;	&#8240;
‹	одиночная левая угловая скобка (предложена, но ещё не стандартизирована ISO)	&lsaquo;	&#8249;
›	одиночная правая угловая скобка (предложена, но ещё не стандартизирована ISO)	&rsaquo;	&#8250;
€	евро	&euro;	&#8364;
№	Знак номера		&#8470;

Стянул на Вики , и по забирал все что не надо лично мне :)

Смена прозрачности на jQuery

Простой скрипт, для плавного изменения
прозрачности, при наведении мышью:

<script type="text/javascript">$(document).ready(function() {
  var opacity = 0.5, toOpacity = 1.0, duration = 400;
  $('.opacity').css('opacity',opacity).hover(function() {
          $(this).fadeTo(duration,toOpacity);
      }, function() {
          $(this).fadeTo(duration,opacity);
      }
  );
});</script>

нашел на http://css-school.ru

CSS 3, новое свойство resize

Свойство resize появилось в CSS 3, оно 
имеет три значения:
both - блок тянется и по горизонтали и по вертикале;
horizontal - только по горизонтали;
vertical - только по вертикале;

Попробовать можно в Safari, Mozilla Firefox
                    и Google Chrom

слайдер на js(JQuery)

Задача. Сделать слайд шоу….

Ну всё вроде просто: есть контент (текст, или фото), и нужно просто через интервал времени показывать блоки по очереди…

Есть список:
<ul id=sliders> <li class=active>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul>

В каждом теге списка есть какой-то контент… ЦСС-гламур делать не буду, напишу просто функционал скрипта.

В стилях скрываем список, и показываем только первый блок, можно конечно скрыть все и показывать блок методом яваскрипта, но вдруг скрипты у юзера будут выключены, а так хоть что-то видно :)
<style>

#sliders li{
display: none;
}
#sliders li.active{
display: block;
}

</style>

Подключаем библиотеку jquery, в <head>.
<script type="text/javascript" src="jquery.js"></script>

Теперь скрипт:

<script type="text/javascript">

             
/* начальный номер блока который показывать */
var i = 2; 

var func_sliders = function(){ 
/* прячет все блоки */
$("#sliders li").hide(); 
/* Показывает следующий попорядку */
$("#sliders li").eq(i-1).fadeIn("slow"); 

/* количество li */
var max = $("#scroller li").size(); 
/* если показали последний блок, то начинаем с начала */ 
if (i < max) { i++; } else i=1; 
};
 
/* функция повторяется с интервалом 2000 миллисекунд(2сек.) */       
timer = window.setInterval(func_sliders, 2000); 

</script>

Вот и всё, должно работать, примитивно конечно, но вполне рабочий вариант…