topico
1.BNF da folha de estilo 2.Diagrama sintatico da folha de estilo Cascading Style Sheets É uma linguagem de marcação em que as propriedades das tag´s herdam de um arquivo chamado .css (folha de estilo) tendo uma propriedade para cada tag, definida dentro ou fora do texto html. Cada propriedade da folha á vinculada a um elementohttp://apoie.net.br/sugestao/css/cssoriginal.html do html.
lead
cssgenerico = seletor ( "," seletor)*"{"(propriedade ":" valor ";")+ "}". <br>
1.BNF da folha de estilo
2.Diagrama sintatico da folha de estilo
seletor = alvo da regra CSS. É a tag do elemento da marcação, onde será aplicada a regra. Pode ser um agrupamento de seletores. agrupamento h1, h2, p {color; red;} classe <h4 classe="diferente"> exemplo</h4> no html se referencia por . id <div id="principal">exemplo</div> no html se referencia por # universal *{color;red;} tipo p {color: red;} h1 {font-size: 2em;} atributo E[att] E[att=val] ...... composto<br /> pseudoclasse pseudo-elemento propriedade = caracteristica do elemento valor = quantificação ou qualificação da propriedade.
3.Exemplo
Bloco de texto div- divisão de conteudo e span-seção de conteudo - não tem valor semantico p -paragrafos Listas - ul, ol, li - listas numeradas ou não dl,dd, dt - listas de definição Formatos - b-negrito i - italico big- texto grande small - texto pequeno sub- subescrito sup- sobrescrito Significado especial - h1, h2, h3 - Titulos maior importancia h4, h5, h6- Titulos de menor importancia em- texto enfatizado Estilos podem ser: inline - na propria tag ex.: <p style="width:200px;color:red; background:#eee; font-size:1.8em;">texto</p> incorporados no texto html ex.: <head> ... <style type="text/css" media="scren"> ...... </style> ...</head> externos ao html linkados ex.: <head> .. <link rel="styleshett" type="text/css" href="estilos.css" media="all" /></head> externos ao html importados ex.: <head> .. <style> @import url(meuestilo.css); </style> Seletor pode ser: Class (vale para um a categoria de tags) ou Id (pra uma tag) . Simples, multiplo, contextual e pseudoclasse. A chamada do seletor poder se : # para class ou . para id Aspropriedades dos seletores são: tipo, backgroun, block, border, list,position, extension
4.Semantica
5.Modelo CSS
Posicionamneto Normal Float Absoluto Construção de Lay-out Cabeçalho e link Construção de menu (listas) Construção de formulários Construção de Tabelas Estilização de textos Aplicação de cores e de background
6.CSS operações
Silva, Mauricio Samy. Construindo sites com CSS e XHTML. 2008.Novatec Editora Ltda. Infnet. Webstandards, Tableless, CSS e Acessibilidade
7.Citação
1.No composed abrir vazio.htm e alterar :<body onload='"use strict"; onLoad(css.xml); e salvar como css.html 2.No composed abrir original.html, alterar para novo conteudo e salvar como cssoriginal.html 3.No notepad abrir vazio.xml, colocar o conteudo de cssoriginal.html e salvar como css.html. 4.No notepade abrir css.xml e marcar cada item e na opção TestFx Convert selecionar Encode HTML (&<>") e salvar css.xml 5.Copiar css.html e css.xml para http://apoie.net.br/desenvolvimento/
8.Procedimento para colocar na base de conhecmento em desenvolvimento
css.xml/
9.Referencia