evento
topico
nomeCSS
tituloCSS (Cascading Style Sheet): Sintaxe e Semântica
descritorcss
leadCascading 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.
link
origemWCss.xml
referenciaDSGerador
topico
tituloCSS
bnfseletor ( "," seletor )* "{" ( propriedade ":" valor " ")+ "}"
desc
topico
tituloBNF da folha de estilo
desccssgenerico = 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.
topico
tituloDiagrama sintatico da folha de estilo
desc
topico
tituloSemantica
descBloco 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
topico
tituloModelo CSS
desc
topico
tituloCSS operações
descPosicionamneto 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
topico
tituloCitacao
descSilva, Mauricio Samy. Construindo sites com CSS e XHTML. 2008.Novatec Editora Ltda. Infnet. Webstandards, Tableless, CSS e Acessibilidade