CSS Griglia Semantica Aug24

Related Tags

Related Posts

Share This

CSS Griglia Semantica

Il sistema permette di settare il numero di rghe e colonne per il layout (sia fisso che liquido) utilizzando marcatori semantici molto semplici, inoltre permette sial’utilizzo dei pixel che delle percentuali.

Dichiarazione HTML

<header>…</header>

<article>…</article>

<aside>…</aside>

Dichiarazione CSS

@column-width: 60;

@gutter-width: 20;

@columns: 12;

 

header { .column(12); }

article { .column(9); }

aside { .column(3); }

 

@media (max-device-width: 960px) {

article { .column(12); }

aside { .column(12); }

VAI AL SITO »