More Related Content
More from kuchinskaya (12)
Bubnov
- 5. table
<table>
<tr>
<td class="col-1">
Колонка 1
</td>
<td class="col-2">
Колонка 2
</td>
</tr>
</table>
5
- 10. position
<div class="col-1"> .col-1 {
Колонка 1 position:absolute;
</div> left:0;
<div class="col-2"> }
Колонка 2 .col-2 {
</div> position:absolute;
right:0;
}
10
- 15. Поддержка браузерами
Firefox Opera IE
WebKit
[ 18 + ] [ 12.1 + ] [ 10 + ]
2009 ✔ ✘ ✘ ✔
2012 ✘ ✘ ✔ ✘
15
- 16. Поддержка браузерами
Firefox Opera IE
WebKit
[ 18 + ] [ 12.1 + ] [ 10 + ]
2009 ✔ ✘ ✘ ✔
2012 ✘ ✘ ✔ ✘
2012 + ✘ ✔ ✘ ✔
16
- 17. CSS-препроцессор
• SASS — http://sass-lang.com/
• LESS — http://lesscss.org/
• Stylus — http://learnboost.github.com/stylus/
• …
17
- 37. flex
<div class=”flex"> .flex {
<div class="left"> display:flex;
Колонка 1 }
</div>
<div class="right">
Колонка 2
</div>
</div>
37
- 39. Ро м а н Бу б н о в
Ра з р а б от ч и к к л и е н т с к о й ч а с т и Гл а в н о й
страницы
r. b u b n o v @ c o r p . m a i l . r u
39