Você está na página 1de 15

RESPONSIVE

O QUE CSS ?
Cascading Style Sheets (ou simplesmente CSS) uma
linguadem de folhas de estilos utilizada para definir a
apresentao de documentos escritos em uma linguagem de
marcao, como HTML ou XML. Seu principal benefcio prover
a separao entre o formato e o contedo de um documento.
Antes do CSS todos os estilos e formas eram atribuidos pelo
CSS, assim sendo necessrio mudar tag por tag para mudar
todo o estilo de uma pgina.

ANTES DO CSS:
Dada a estrutura HTML seguinte:
<html>
<head>
<title>Eng. de Software Responsive CSS</title>
</head>
<body>
<font color=#00FF00 size=12> Hello World 1 </font>
color=#FFF size=14> Hello World 2 </font>
<font color=#000 size=15> Hello World 3 </font>
</body>
</html>
Para mudar todo o texto para preto e para tamanho 12, seria necessario isso:
<font color=#000 size=12> Hello World 1 </font>
<font color=#000 size=12> Hello World 2 </font>
<font color=#000 size=12> Hello World 3 </font>

<font

COM CSS
Dada a estrutura HTML seguinte:
Index.html:
<html>
<head>
<title>Eng. de Software Responsive CSS</title>
<link rel="stylesheet" type="text/css" href=style.css">
</head>
<body>
<span class=texto1> Hello World 1</span>
class=texto2> Hello World 2 </span>
<span class=texto3> Hello World 3 </span>
</body>
</html>
style.css:
.texto1, .texto2, .texto 3 {
color: black;
font-size: 12pt;
}

<span

O QUE RESPONSIVE DESIGN?


Devida a variedades de tipos de dispositivos com acesso a internet
(Celular, Tablet, Phablet, Noteboks, Desktops, entre outros), seria
invivel criar um modelo de site para cada plataforma.
O Design Resposivo a capacidade de criar uma pgina s, que se
redimensione idependentemente do tamanho da tela,
reorganizando os itens e at removendo alguns te telas menores
como em celulares:

O CSS responsvel por transformar um site em responsivo.


A largura(em px) de cada dispositivo especificada na folha de
estilos, assim, quando o site acessado, ele redimensionado
para o tamanho da tela do dispositivo.
Ex:

CARACTERSTICAS
Flexibilidade - as linguagens de marcao so bastantes
rgidas e no se preocupam ou estendem formatao,
mas sim com os elementos necessrios para a
apresentao de cada contedo.
Simplicidade e organizao - uma vez bem definida,
facilmente se consegue organizar e aplicar definies
genricas ou especficas sobre os elementos que
compem as pginas. Esta segunda caracterstica pode
ser comparada a opo Estilos e Formatao do
processador de texto (MS Word, OpenOffice).

Manuteno - facilmente se consegue mudar toda definio de


uma pgina sem termos que ir ao cdigo fonte.

POTENCIALIDADES
As possiblidades com CSS so quase infinitas, com as constantes
evolues do mesmo, a cada dia novas funcionalidades apareceram,
tornando mais organizado o desenvolvimento, e tambm mais
robusto, com o CSS 3 por exemplo bordas podem ser arredondadas,
pode se criar animaes, estilizar melhor formulrios, usar
transparncia, sombra em texto, usar fontes que no estejam no
computador de todos os usurios entre vrias outras funcionalidades
do CSS3.
Criar designs responsivos que se encaixam em todos ou quase
todos os dispositivos disponveis no mercado.
Melhorar a experincia do usurio.

SALRIO
O Salrio varia de empresa para empresa e tambm das
caractersticas do profissional, geralmente as empresas no
contratam algum especializado apenas em CSS, mas em toda rea
WEB, o profissional geralmente tem que ter conhecimento em
JavaScript, HTML 5, XML, Frameworks CSS, PHP entre outras
tecnologias.
A Mdia salarial entre 2500 e 4000.

EXEMPLO DE CDIGO