topico
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 elemento do html.
lead
cssgenerico = seletor ( "," seletor )* "{" ( propriedade ":" valor " ")+ "}". 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 declaração = propriedade:valor propriedade = caracteristica do elemento valor = quantificação ou qualificação da propriedade.
BNF da folha de estilo
Diagrama sintatico da folha de estilo
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> A definição do Seletor podem 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 As propriedades dos seletores são: tipo, backgroun, block, border, list, position, extension
Semantica
Modelo CSS
Posicionamneto Normal Float Absoluto Construção de Lay-out Construção de Tabelas Construção de formulários Construção de menu (listas) Cabeçalho e link Estilização de textos Aplicação de cores e de background
CSS operações
Silva, Mauricio Samy. Construindo sites com CSS e XHTML. 2008.Novatec Editora Ltda. Infnet. Webstandards, Tableless, CSS e Acessibilidade
citação
gerar formulario.xml MontaHtml124.js MontaHtm124.js
referencia