Importe os arquivos CSS com classe!

A primeira dica é na área de CSS. Para atachar ao site arquivos de CSS externos, geralmente utilizamos a sintaxe do padrão HTML4 a seguir :

<link type=”text/css” rel=”stylesheet” href=”arquivo1.css” mce_href=”arquivo1.css”>
<link type=”text/css” rel=”stylesheet” href=”arquivo2.css” mce_href=”arquivo2.css”>
<link type=”text/css” rel=”stylesheet” href=”arquivo3.css” mce_href=”arquivo3.css”>
<link type=”text/css” rel=”stylesheet” href=”arquivo4.css” mce_href=”arquivo4.css”>

Se forem necessários diversos arquivos, repetidas vezes esta linha deve constar em meio ao HTML. Mas existe uma maneira mais “clean” de se fazer isto:

<style type=”text/css”>
  @import url(“arquivo1.css”);
  @import url(“arquivo2.css”);
  @import url(“arquivo3.css”);
  @import url(“arquivo4.css”);
</style>

Vi alguns exemplos trabalhando desta forma, e investigando a compatibilidade, descobri que dá pra usar livre e tranquilamente, veja a tabela a seguir que mostra a compatibilidade do recurso com diversos browsers:

http://imfo.ru/csstest/css_hacks/import.php

É isto.

One Response to “Importe os arquivos CSS com classe!”

  1. Angelo Weiss Says:

    Parabens pelo BrÓgui, muito bom mesmo, me ajudou d++++, estou no caminho arduo (nem tanto) da programação web. só de ouvir a palavra ajax eu já me cagava todo… aheuaueuahe mas teu Brógui foi um santo remédio… 😄

    a respeito do e @import e tambem js at the bottom.

    http://developer.yahoo.com/performance/rules.html

    verifique se procede.

    []´s

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s


%d bloggers like this: