You can assign multiple class names to an element. This ( Read more... )

Наглядные демки css от микрософт

Hands On: Windows 8 HTML5 Platform
http://ie.microsoft.com/testdrive/Graphics/hands-on-css3/

Заглянуть еще раз -

Красивые таблицы на CSS

http://icant.co.uk/csstablegallery/tables/89.php

Таблицы для цен (крупные, с градиентом)
http://tympanus.net/Tutorials/CSS3Tables/

Рассмотрим такую ситуацию - нужно создать страницу фиксированной ширины, к примеру, 900 пикселей, с контентом, расположенным горизонтально по центру относительно окна браузера. И необходимо на этой странице поместить большой фон (тоже горизонтально по центру), ширина которого значительно больше ширины нашего отцентрированного блока с контентом. Фон ( Read more... )

CSS3 with it’s possibilities is a revolution in web development. The new CSS3 properties give developers a wonderful chance to enhance their designs in a way that’s quick and easy, yet visually impressive. What’s more, almost all of the major browsers now support most of the CSS3 features so that’s another reason for mastering the new techniques. ( Read more... )

Как сделать горизонтальную черту определенного цвета

Для этого нужно в файле style.css прописать оформление горизонтальной черты, которая будет, например, красного цвета:

hr {color:red;background-color:red;height:1px;border-width:0px;}

После этого у вас в блоге все сплошные горизонтальные линии, которые ставятся через разметку hr, будут красные.

Как  ( Read more... )

 
• Вкладка один

 
• Вкладка два

 
• Вкладка три

 
• Вкладка четыре

  

Для начала, применим обычные правила CSS, чтоб выстроить меню по горизонтали:
div {border-bottom:1px solid orange; float:left; width:100%}
ul {margin:0;padding:0;}
ul li {float:left;list-style:none;}
ul li a {display:block;padding:5px;text-decoration:none; border-right:1px solid #fff; ( Read more... )

Автор: Крис Койер
Перевод: Всеволод Козлов

Вы, наверняка, хоть раз сталкивались с задачей сделать блок контента, заключенный в DIV, кликабельным. Эта затея отлично реализована на сайте веб-компании StudioForYou - этим приемом обеспечена кликабельность разноцветных блоков!

Итак, как же это делается?

HTML-код трюка:

Style-параметр превращает курсор мыши в ( Read more... )

Тулбар для ФФ - web developer. Супер-вещь.. В вкладке Инфо этого тулбара - особенно важный пункт "Показать ID и Class". После этого в браузере появится строка, в которой будет показано как называется стиль элемента на котором находится курсор.

лежит на оф. сайте фф и на странице разработчика - http://chrispederick.com/work/web-developer/