Архивы: css

CSS трюки


https://habrahabr.ru/company/mailru/blog/350160/

Крутые css штуки


и много других:

https://habrahabr.ru/company/raiffeisenbank/blog/346770/

CSS4, типа)

Переменные в свойствах CSS
Простые математические выражения
и многие другие вкусности для верстальщика

http://habrahabr.ru/post/267181/

горизонтальное меню растянутое по ширине

вот собственно и оно.
Вариант 1.
хтмль:

<div id="menu">
<ul>
<li><a href="#">Menu item 1</a></li>
<li><a href="#">Menu item 3</a></li>
<li><a href="#">Menu item 2</a></li>
</ul>
<span></span>
</div>

 

цсс

#menu {
text-align: justify;
}
#menu * {
display: inline;
}
#menu span {
display: inline-block;
position: relative;
width: 100%;
height: 0;
}


Вариант 2.

ul {
display: table;
}
li {
display: table-cell;
}


полезняшка для веб-мастера

css browser selector
позволяет мутить конструкции типа

.mobile.opera #logo {
blalblalba...
}

.linux.gecko #logo {
blbalblaa
}

удобно
взять можно тут:
http://rafael.adm.br/css_browser_selector/