CSS 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.
1. CSS
2. BNF da folha de estilocssgenerico = 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
pseudoclasse pseudo-elemento declaração = propriedade:valor propriedade = caracteristica do elemento valor = quantificação ou qualificação da propriedade.
3. Diagrama sintatico da folha de estilo
4. SemanticaBloco 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.: ... ...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> </head> 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
5. Modelo CSS
6. CSS operaçõesPosicionamneto 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
7. CitacaoSilva, Mauricio Samy. Construindo sites com CSS e XHTML. 2008.Novatec Editora Ltda. Infnet. Webstandards, Tableless, CSS e Acessibilidade
Arquivo origem: WCss.xml. DSGerador