Locaweb - Edição 62

64 / 68

POST
DO DIEGO
DEV WEB
64
Cargo: Criador do
Tableless.com.br e
coordenador de
Front-end na Locaweb
Contato: diego@
tabeless.com.br
Twitter: @diegoeis
DIEGO EIS
CSS foi criado para formatar
não apenas código HTML
como também qualquer outra
linguagem de formatação,
como o SGML (que serviu
de inspiração para a criação
do HTML) ou o próprio XML.
A ideia é que você consiga formatar vários
tipos de linguagens de marcação com a mesma
sintaxe de estilo. Um exemplo é a biblioteca
GH LQWHUIDFHV JU£íFDV 4W &RP HOD YRF¬ SRGH
HVFUHYHU &66 SDUD IRUPDWDU RV FRPSRQHQWHV GH
uma interface.
Um exemplo bem básico é quando usamos
&66 SDUD HVWLOL]DU HOHPHQWRV HP 69* 6H YRF¬ Q¥R
H[SHULPHQWRX DEULU XP DUTXLYR FRP H[WHQV¥R VYJ
faça-o assim que puder. O código é muito parecido
FRP +70/ SRLV QD YHUGDGH HOH « XP ;0/ (X í]
um círculo simples no Illustrator e salvei como um
DUTXLYR 69* 'HSRLV DEUL HVVH DUTXLYR QR $WRP
<?xml version=“1.0” encoding=“utf-8”?>
<!— Generator: Adobe Illustrator 19.1.0,
SVG Export Plug-In . SVG Version: 6.00
Build 0) —>
<svg version=“1.1” id=“Layer_1”
xmlns= ”
”
x=“0px” y=“0px”
viewBox=“0 0 400 400” style=“enable-
0 0 400 400;”
=“preserve”>
<style type=“text/css”>
.st0{fill:#42B649;stroke:#000000;}
</style>
<circle class=“st0” cx=“200” cy=“200”
r=“200”/>
3HUFHED TXH D $GREH DW« ID] XP ERP
WUDEDOKR DOL (OD M£ SURGX] R YLVXDO GR 69* YLD
&66 HQTXDQWR IRUPDWR H FRRUGHQDGDV íFDP
FRP R ;0/ $ SURSULHGDGH SUHHQFKH R F¯UFXOR $
SURSULHGDGH GHíQH D FRU GD ERUGD
$TXL YRF¬ SUHFLVD HQWHQGHU XPD FRLVD
WXGR R TXH R : & ID] « UHFRPHQGDU SDGU·HV
(OH Q¥R REULJD QLQJX«P D HVFUHYHU R +70/
TXH HVW£ QD GRFXPHQWD©¥R RíFLDO $SHQDV
recomenda que os devs e os browsers sigam
VXDV UHFRPHQGD©·HV ‹ PXLWR LPSRUWDQWH TXH
D LQWHUQHW H FRQVHTXHQWHPHQWH D ZHE VHMD
DEHUWD 1LQJX«P SRGH VHU GRQR GD ZHE QHP
PHVPR R : & TXH IRL FULDGR SHOR 7LP %HUQHUV
/HH R LQYHQWRU GD SUµSULD ZHE /RJR SDUD
Q¥R TXHEUDU HVVD OµJLFD HOH Q¥R SRGH REULJDU
QLQJX«P D HVFUHYHU GHWHUPLQDGR FµGLJR ‹
por isso que a guerra dos browsers era algo
para dar medo. Imagina só se uma empresa
conseguisse persuadir os devs a escrever
um código proprietário que só funcionasse
HP GHWHUPLQDGR EURZVHU (VVD HPSUHVD
simplesmente dominaria o mundo. Mas esse é
um assunto para outra ocasião.
O
[OW3C
RECOMENDA
PADRÕES, NÃO
OBRIGANINGUÉM
A ESCREVERO
HTML DE SUA
DOCUMENTAÇÃO
OFICIAL. ELE
RECOMENDAQUE
DEVS E BROWSERS
SIGAMAS
RECOMENDAÇÕES]
CSS NÃO É
SÓ PARA HTML
LW
REVISTA LOCAWEB