Universal selector “sjov” med fx. box-border og border-size

Hvem har ikke siddet og bandet mindst 100 gange over width og padding i et design? Hvorfor skal man absolut bruge tid på at sidde og trække padding fra width? Det regnehelvede, som man pludselig risikerer at sidde i, når man skal definere et design”grid”… Chris Coyier fra CSS-Tricks har skrevet et blogindlæg om Paul Irish’s artikel, “* { box-sizing: border-box } FTW“.

De taler om den absolut interessante anvendelse af universal selector til fx. box-model, når du skal definere dit grid i CSS:

/* apply a natural box layout model to all elements */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

Man skal selvfølgelig være opmærksom på de forskellige browseres support af CSS’en (Paul taler om dette i sit oplæg).

Chris og Paul kommer med flere bud på anvendelsen af universal selector, så jeg kan kun anbefale dig at se nærmere på de to indlæg:

About Bettina

Multimedia designer - Visual communication across media platforms. Working as graphic designer at deskwolf.com

Smid en kommentar :)

Please log in using one of these methods to post your comment:

WordPress.com Logo

Du kommenterer med din WordPress.com konto. Log Out / Skift )

Twitter picture

Du kommenterer med din Twitter konto. Log Out / Skift )

Facebook photo

Du kommenterer med din Facebook konto. Log Out / Skift )

Google+ photo

Du kommenterer med din Google+ konto. Log Out / Skift )

Connecting to %s

%d bloggers like this: