Escolar Documentos
Profissional Documentos
Cultura Documentos
.css
text / css
Desenvolvido por
Hkon Wium Lie Bert Bos World Wide Web Consortium
lanamento inicial Dezembro 17, 1996; 18 anos atrs
Tipo de formato
Padres
Nvel 1 (Recomendao)
Nvel 2 (idem)
Nvel 2 Reviso 1 (idem)
"CSS" redireciona aqui. Para outros usos, ver CSS (disambiguation).
Para o uso de CSS na Wikipedia, consulte Ajuda: Cascading Style Sheets.
Cascading Style Sheets
Estilo folha
CSS Zen Garden O Zen de CSS design
modelo Box Internet Explorer modelo de caixa de erro
CSSTidy Dinmico CSS
Comparaes
Motores de layout Linguagens de folhas de estilo
Designer de Web
Tableless "Clice Sagrado" Responsivo
Wikibooks pgina Cascading Style Sheets
vte
HTML
tecnologia fundamental utilizado pela maioria dos sites para criar pginas
web visualmente atraentes, interfaces de usurio para aplicaes web, e
muitas interfaces de usurio para aplicaes mveis. [2]
Contedo [Hide]
1
Sintaxe
1.1
Selector
1.2
bloco Declarao
1.3
Uso
1.4
Fontes
1.5
1.6
Especificidade
1.6.1 Exemplo
1.7
Herana
1.7.1 Exemplo
1.8
Espaos em branco
Histria
2.1
2.2
Variaes
2.2.1 CSS 1
2.2.2 CSS 2
2.2.3 CSS 2.1
2.2.4 CSS 3
2.2.5 CSS 4
3
O suporte ao navegador
Limitaes
Vantagens
quadros CSS
Posicionamento
7.1
7.2
Float e clara
Veja tambm
10
Referncias
11
Leitura
12
Ligaes externas
Sintaxe [editar]
CSS tem uma simples sintaxe e usa um nmero de palavras-chave em
ingls para especificar os nomes de vrias propriedades de estilo.
A folha de estilo consiste em uma lista de regras. Cada regra ou regraconjunto composto por um ou mais seletores e um bloco de declarao.
Selector [editar]
Em CSS, seletores so usados para declarar que parte da marcao de um
estilo se aplica a por tags e atributos correspondentes no prprio marcao.
Padro
CorrespondeNvel de CSS em
um elemento do tipo E
E: ligao
um elemento E sendo a ncora de origem de um hiperlink de
que o alvo ainda no visitado (: link) ou j visitaram
1
E: ativo
1
1
EF
qualquer elemento 2
E [foo]
E [foo = "bar"]
igual a "bar" 2
E :: depois
E: nth-of-last-type (n)
da ltima
3
E: vazio
3
E: alvo
E: ativado
E: desativado
3
3
3
Use [editar]
Antes de CSS, quase todos os atributos de apresentao de documentos
HTML foram contidos a marcao HTML; todas as cores, estilos de fonte
fundo, alinhamentos de elementos, bordas e tamanhos teve de ser
explicitamente descrito, muitas vezes repetidamente, dentro do HTML. CSS
permite aos autores para mover grande parte da informao para outro
arquivo, a folha de estilo, resultando em HTML consideravelmente mais
simples.
<style>
Fontes [editar]
Informaes CSS pode ser fornecida a partir de vrias fontes. Estas fontes
podem ser o navegador da Web, o usurio eo autor. As informaes do autor
pode ser classificada em inline, tipo de mdia, importncia, seletor de
especificidade, a fim regra, herana e definio de propriedade. Informaes
de estilo CSS pode ser em um documento separado ou pode ser incorporado
em um documento HTML. Vrias folhas de estilo podem ser importados.
Diferentes estilos podem ser aplicados dependendo do dispositivo de sada
a ser utilizado; por exemplo, a verso de tela pode ser bastante diferente da
verso impressa, para que os autores possam adequar a apresentao de
forma adequada para cada meio.
Descrio
1
Importncia A anotao '! Important' substitui os tipos prioritrios
anteriores
2
Em linha
'estilo' HTML
3
Tipo de mdia
A definio de propriedade se aplica a todos os
tipos de mdia, a menos que uma mdia especfica CSS definido
4
Usurio definido
A maioria dos navegadores tm o recurso de
acessibilidade: a CSS definido pelo usurio
5
Selector especificidade Um seletor contextual especfico (#heading
p) substitui definio genrica
6
Ordem da regra
7
Herana pai Se uma propriedade no for especificado, ele herdado
de um elemento pai
8
Definio de propriedade CSS no documento HTML Regra CSS ou CSS
estilo embutido substitui um valor padro do navegador
9
Padro do navegador
A prioridade mais baixa: o valor padro do
navegador determinado pelas especificaes iniciais valor do W3C
Especificidade [editar]
Especificidade refere-se aos pesos relativos de diferentes regras. [12] Ele
determina quais estilos so aplicados a um elemento quando poderia aplicar
mais de uma regra. Com base na especificao, um seletor simples (por
exemplo, H1) tem uma especificidade de 1, seletores de classe tm uma
especificidade de 1,0, e seletores ID especificidade de 1,0,0. Uma vez que
os valores de especificidade no transitar como no sistema decimal, vrgulas
so usadas para separar as "dgitos" [13] (a regra de CSS que tem
elementos 11 e 11 classes que tm uma especificidade de 11,11, e no
121).
Seletores
Especificidade
H1 {color: white;} 1
P EM {color: green;}
1,0
1,1
1,0,0,0
1,0,0
2,2
Exemplo [editar]
Considere esse fragmento HTML:
<! DOCTYPE
Herana [editar]
A herana uma caracterstica-chave em CSS; ele conta com a relao
ancestral-descendente de operar. A herana o mecanismo pelo qual as
propriedades so aplicados no s para um elemento especificado, mas
tambm para os seus descendentes. [12] Herana baseia-se no documento
da rvore, que representa a hierarquia de (X) HTML elementos em uma
pgina com base na aninhamento. Elementos descendentes podem herdar
valores de propriedades CSS a partir de qualquer elemento ancestral
colocando-os. Em geral, os elementos descendentes herdam propriedades
relacionadas a texto, mas propriedades relacionadas a caixa no so
herdadas. As propriedades que podem ser herdadas so cor, fonte, letterspacing, line-height, list-style, text-align, text-indent, text-transform,
visibilidade, espao em branco e word-spacing. As propriedades que no
podem ser herdadas so fundo, fronteira, display, flutuador e clara, altura e
largura, a margem, minerao e max-altura e -width, esboo, excesso,
estofamento, posio, text-decoration, vertical-align e z -ndice.
Exemplo [editar]
Dada a seguinte folha de estilo:
h1
{color: cor de
rosa;}
Suponha que h um elemento h1 com um elemento enfatizando (em)
dentro:
<h1>
Este a <em> ilustrar </ em> herana
</ h1>
Se nenhuma cor foi atribuda ao elemento em, enfatizou a palavra "ilustrar"
vai herdar a cor do elemento pai, h1. A h1 folha de estilo tem a cor rosa, da,
o elemento em da mesma forma ser na cor rosa.
corpo
{estouro: oculto;
fundo: #
000000;}
Uma maneira comum para formatar CSS para facilitar a leitura para recuar
cada propriedade e dar-lhe sua prpria linha.
Histria [editar]
Variaes [editar]
CSS tem vrios nveis e perfis. Cada nvel de CSS se baseia no passado,
normalmente adicionando novos recursos e normalmente designadas por 1
CSS, CSS 2, CSS 3 e 4. CSS perfis so normalmente um subconjunto de um
ou mais nveis de CSS construdo para um determinado dispositivo ou
interface de usurio . Atualmente, existem perfis para dispositivos mveis,
impressoras e aparelhos de televiso. Os perfis no devem ser confundidos
com os tipos de mdia, que foram adicionados em CSS 2.
CSS 1 [editar]
A primeira especificao CSS para tornar-se uma Recomendao W3C oficial
CSS nvel 1, publicado em 17 de dezembro de 1996. Hkon Wium Lie e
Bert Bos so creditados como os desenvolvedores originais. [32] [33] Entre
seus recursos esto o suporte para
CSS 2 [editar]
CSS 3 [editar]
Mdulo
Especificao de ttulo
Status e data
css-cascata-3
Oct'2013
css3-color
Candidato Rec.
Candidato Rec.
Recomendao Jun'2011
Trabalhando
CSS3-mediaqueries
css3-multicol
Nvel 3 seletores
Trabalhando Projeto de
Recomendao Sep'2011
css3-ui
CSS usurio bsico Mdulo de Interface de Nvel 3 (CSS3 UI)
Trabalhando Projecto Jan'2012
CSS 4 [editar]
No h, especificao nico integrado CSS4, [43] porque ele dividido em
mdulos separados. No entanto, h "nvel 4" mdulos. [44]
CSS. Internet Explorer suporte para CSS comeou com IE 3.0 e aumentou
progressivamente com cada verso. At 2008, a primeira verso beta do
Internet Explorer 8 oferece suporte para CSS 2.1 em seu melhor modo de
padres web.
Limitaes [editar]
Algumas limitaes observadas das capacidades atuais de CSS incluem:
podem ser feitas editando regras na folha de estilo global. Antes CSS, este
tipo de manuteno era mais difcil, dispendioso e consome muito tempo.
Bandwidth
A folha de estilo, interno ou externo, especifica o estilo de uma vez para um
intervalo de elementos HTML selecionados por classe, tipo ou
relacionamento com os outros. Este muito mais eficiente do que repetir a
informao estilo alinhado para cada ocorrncia do elemento. Uma folha de
estilo externa normalmente armazenado no cache do navegador, e pode,
portanto, ser usado em vrias pginas sem ser recarregado, reduzindo
ainda mais a transferncia de dados atravs de uma rede.
Reformatao pgina
Ver artigo principal: melhora progressiva
Com uma simples mudana de uma linha, uma folha de estilo diferente
pode ser utilizado para a mesma pgina. Isto tem vantagens de
acessibilidade, bem como proporcionar a capacidade de adaptar uma
pgina ou site para dispositivos diferentes do alvo. Alm disso, os
dispositivos no so capazes de compreender o estilo ainda exibir o
contedo.
Acessibilidade
Sem CSS, web designers devem normalmente colocar para fora suas
pginas com tcnicas tais como tabelas HTML que dificultam a
acessibilidade para usurios com deficincia visual (ver tableless #
acessibilidade).
Quadros CSS [editar]
Veja tambm: quadros CSS
Quadros CSS so pr-preparados bibliotecas que se destinam a permitir a
fcil mais, compatvel com os padres de estilo de pginas web usando o
linguagem Cascading Style Sheets. CSS frameworks incluem Foundation,
Blueprint, Bootstrap, Cascade Framework e Materialize. Como bibliotecas de
programao e linguagem de script, quadros CSS so geralmente
incorporados como folhas .css externos referenciados no HTML <head>.
Eles fornecem um nmero de opes j prontas para a concepo e layout
da pgina web. Embora muitos desses quadros foram publicados, alguns
autores utiliz-los principalmente para prototipagem rpida, ou para
aprender a partir de, e preferem CSS 'artesanato' que apropriado para
cada site publicado sem a concepo, manuteno e faa o download
sobrecarga de ter muitos recursos no utilizados no estilo do site. [57]
Posicionamento [editar]
Fluxo normal
Inline itens so dispostos da mesma maneira como as letras em palavras no
texto, um aps o outro em todo o espao disponvel at que no haja mais
espao, em seguida, iniciar uma nova linha abaixo. Bloco itens empilhar
verticalmente, como pargrafos e como os itens em uma lista com
marcadores. Fluxo normal inclui tambm o posicionamento relativo dos
itens de bloco ou in-line, e caixas de run-in.
Flutuadores
Um item flutuou retirado do fluxo normal e deslocado para a esquerda ou
para a direita, na medida do possvel no espao disponvel. Outros
contedos, ento, flui ao lado do item flutuou.
Posicionamento absoluto
Um item posicionado absolutamente no tem lugar em, e nenhum efeito
sobre o fluxo normal de outros itens. Ela ocupa a sua posio atribuda em
seu recipiente de forma independente de outros itens. [58]
Posio: parte superior, inferior, esquerda e direita [editar]
Existem quatro valores possveis da posio imvel. Se um item
posicionado de forma alguma que no seja esttico, em seguida, as outras
propriedades top, fundo, esquerda, e direita so usadas para especificar
deslocamentos e posies.
Esttico
O valor padro coloca o item no fluxo normal
Parente
O artigo colocado no fluxo normal, e, em seguida, deslocada ou
deslocamento a partir dessa posio. Itens do fluxo subsequentes so
definidos como se o item no tinha sido movido.
Absoluto
Especifica o posicionamento absoluto. O elemento posicionado em relao
ao seu antepassado no-esttico mais prximo.
Fixo
O item absolutamente posicionado em uma posio fixa na tela, mesmo
que o resto do documento rolada [58]
deixou
O produto flutua esquerda da linha que teria apareceu em; outros itens
pode fluir em torno do seu lado direito.
certo
O produto flutua direita da linha que teria apareceu em; outros itens pode
fluir em torno do seu lado esquerdo.
Claro
(Foras do elemento a aparecer por baixo ('clear') elementos para a
esquerda flutuou: esquerda claro), direito (claro: direita) ou ambos os
lados (clear: both). [58] [59]
CSS Authoring Metodologias [editar]
Como o tamanho dos recursos CSS usado em um projeto aumenta, a equipe
de desenvolvimento tem de decidir sobre uma metodologia comum para
mant-los organizados. Os objetivos so a facilidade de desenvolvimento,
facilidade de colaborao durante o desenvolvimento e desempenho das
folhas de estilo implantados no navegador. Metodologias populares incluem
OOCSS - Objeto CSS Orientado, ACSS - Atomic CSS, OCSs - orgnico Folha
Cascade Style, SMACSS - Scalable e Arquitetura modular para CSS e BEM -.
Block, Element, Modifier [60]
Minification
Melhora progressiva
Web design responsivo
Validador
Recursos X
Referncias [editar]
Ir para cima ^ "developer guia de CSS". Mozilla Developer Network. Retirado
2015/09/24.
Ir para cima ^ "baseado na Web Mobile Apps do Futuro Usando HTML 5, CSS
e JavaScript". HTMLGoodies. Recuperado outubro 2014.
Ir para cima ^ "O que CSS?". World Wide Web Consortium. Recuperado
dezembro 2010.
Ir para cima ^ "W3C servio de validao CSS".
Ir para cima ^ "especificao W3C para CSS2.1 pseudo-elementos e
pseudo-classes". World Wide Web Consortium. 07 de junho de 2011.
Retirado de Abril de 30 de 2012.
Ir para cima ^ ver a definio completa dos seletores no site do W3C.
Ir para cima ^ "Seletores de Nvel 3". W3.org. Retirado 2014/05/30.
Ir para cima ^ "especificao W3C para CSS2.1 conjuntos de regras, blocos
de declarao e seletores". World Wide Web Consortium. 07 de junho de
2011. Retirado 2009/06/20.
Ir para cima ^ "tabela de propriedade plena". W3.org. Retirado 2014/05/30.
Ir para cima ^ animao-name (2014/04/30). "Valores CSS Cor Legal".
W3schools.com. Retirado 2014/05/30.
Ir para cima ^ "HTML 5. Um vocabulrio e APIs associados para HTML e
XHTML". Consrcio World Wide Web. Retirado 28 de de Junho de 2014. |
First1 = faltando | last1 = na lista de Autores (ajuda)
^ Ir at: um b Meyer, Eric A. (2006). Cascading Style Sheets: The Definitive
Guide (. 3 ed). O'Reilly Media, Inc. ISBN 0-596-52733-0.
Ir para cima ^ Atribuir valores de propriedade, em cascata, e Herana
^ Ir at: um b Lie, Hakon W (10 de outubro de 1994). "Cascading Style
Sheets HTML - uma proposta" (proposta) (0,92). CERN. Retirado 25 de de
Maio de 2014.
Ir para cima ^ Nitot, Tristan (18 Maro de 2002). "Incorreto Tipo MIME para
arquivos CSS". Mozilla Developer Center. Mozilla. Retirado 20 de Junho de
2010.
Ir para cima ^ Bos, / Hkon Wium Lie, Bert (1997). Folhas de estilo em
cascata: projetar para a Web (. 1 print ed.). Harlow, England; Reading, MA .:
Addison Wesley Longman. ISBN 0-201-41998-X.
Ir para cima ^ W3C: Cascading Style Sheets, nvel 1 CSS 1 especificao
Ir para cima ^ W3C: Cascading Style Sheets nvel 1 especificao CSS nvel
1 especificao
Ir para cima ^ http://www.w3.org/TR/CSS21/aural.html#aural-media-group
Ir para cima ^ W3C: Cascading Style Sheets, nvel 2 CSS especificao 2
(1998 recomendao)
Ir para cima ^ W3C: Cascading Style Sheets, nvel 2 reviso 1 CSS 2.1
especificao (W3C Proposta de Recomendao)
Ir para cima ^ W3C: Cascading Style Sheets Padro Possui
interoperabilidade sem precedentes
^ Ir at: um b Bos, Bert. (18 de Fevereiro de 2011) "Descries de todas as
especificaes de CSS". Consrcio World Wide Web. Retirado 3 de Maro de
2011.
Ir para cima ^ Bos, Bert (26 de Fevereiro de 2011). "CSS trabalho atual".
Consrcio World Wide Web. Retirado 3 de Maro de 2011.
Ir para cima ^ Etemad, Elika (12 de dezembro de 2010). "Cascading Style
Sheets (CSS) Snapshot 2010". Consrcio World Wide Web. Retirado 3 de
Maro de 2011.
Ir para cima ^ "Todas as especificaes de CSS". W3.org. 2014/05/22.
Retirado 2014/05/30.
Ir para cima ^ Atkins Jr, Tab. "Uma Palavra Sobre CSS4". Retirado 18 de de
Outubro de 2012.
Ir para cima ^ "W3C CSS Seletores de Nvel 4". W3.org. Retirado
2014/05/30.
Ir para cima ^ Flexbox
Ir para cima ^ "Compatibilidade CSS no Internet Explorer". Microsoft.
Ir para cima ^ erros [link morto]
Ir para cima ^ Hammond, David (2009). "Resumo do suporte a padres web
browser". Web Devota. Retirado 2009/04/14.
Search
Ir
Pgina principal
Contedo
Contedo em destaque
Eventos atuais
Artigo aleatrio
Doaes para Wikipedia
Loja Wikipedia
Interao
Socorro
Sobre Wikipedia
Portal comunitrio
Mudanas recentes
Contato pgina
Ferramentas
Afluentes
Alteraes relacionadas
Subir arquivo
Pginas especiais
Permanent link
Informao da pgina
Artigo wikidata
Azrbaycanca
Boarisch
Bosanski
Catal
etina
Cymraeg
Dansk
Deutsch
Dolnoserbski
Eesti
Espaol
esperanto
Euskara
Franais
Gaeilge
Gidhlig
Galego
Hornjoserbsce
Hrvatski
Bahasa Indonesia
slenska
Italiano
Latina
Latvieu
Lietuvi
Magiar
Bahasa Melayu
Nederlands
Norsk bokml
Norsk nynorsk
Polski
Portugus
Qaraqalpaqsha
Romn
Shqip
Ingls simples
Slovenina
Slovenina
/ Srpski
Srpskohrvatski /
Suomi
Svenska
Tagalog
Frum
Trkmene
Vietinamita
Zazaki
emaitka
Editar ligaes
Esta pgina foi modificada pela ltima vez em 13 de Novembro de 2015, em
23:37.
O texto est disponvel sob a Licena Creative Commons AtribuioCompartilhamento pela mesma; podem aplicar-se termos adicionais. Ao
utilizar este site, voc concorda com os Termos de Uso e Poltica de
Privacidade. Wikipdia uma marca comercial registrada da Wikimedia
Foundation, Inc., uma organizao sem fins lucrativos.