1.1 Cascading Style Sheets CSS
|
|
|
- Francisco Garrido Castel-Branco
- 6 Há anos
- Visualizações:
Transcrição
1 1.1 Cascading Style Sheets CSS Uma folha de estilos consiste de uma ou mais definições de estilo (tamanho de fonte, estilo da fonte, alinhamento de texto, cor de texto e do fundo, margens, altura da linha, etc) para elementos HTML que podem ser linkados ou embutidos em documentos HTML. Esta funcionalidade foi criada para propiciar aos desenvolvedores e projetistas Web a possibilidade de contar com estilos e posicionamentos consistentes no documento O Uso de Estilos <STYLE> Existem várias formas de se definir estilos. Eles podem ser inseridos inline, usando o atributo STYLE definido na seção <STYLE> ou linkado, usando o comando <LINK>. Ainda existem várias formas de se aplicar um estilo. Podem ser aplicados globalmente no documento ou individualmente a cada elemento Definição de Estilos O primeiro local para se definir um estilo é no comando <STYLE>. Este comando possui um atributo type que informa ao browser qual tipo de estilo está sendo definido. Para CSS, o valor desse atributo é text/css. O Exemplo 3.7 mostra o uso do comando <STYLE> para a definição de estilos. Nesse exemplo são mostrados quatro diferentes estilos aplicados ao texto no corpo do documento. A Figura 3.7 mostra o resultado do exemplo num browser. Exemplo 3.7 Texto do cabeçalho redefinido com class para o IE <style type="text/css"> h1{ color: green; font-style: italic; font-size: 12; h1.special{ font-size: 24;.newheader{ color: yellow; #caps{ font-variant: small-caps;
2 <h1>green, italic, and a point size of 12</h1> <h1 class="newheader">yellow, italic, and a point size of 12</h1> <h1 class="special">point size of 24</h1> <p> Here is some <span id="caps">capitalized</span> text. <LINK> Figura Texto do cabeçalho redefinido com class para o IE Utiliza-se se for preferível armazenar todos ou um conjunto de estilos em um único local para que as mudanças sejam globalmente aplicadas. Este elemento é usado para ligar estilos externos ao documento. Os atributos do elemento <LINK>, type e ref são usados para definir o tipo de link e a URL que contém o estilo desejado. CSS externos são construídos de forma similar ao CSS definido dentro do documento. A folha de estilos é armazenada numa URL que contém as definições de estilos, mas os elementos HTML <STYLE> e </STYLE> não são necessários. Este elemento deve estar contido na seção <HEAD> do documento em questão. Para se incluir um arquivo de estilos chamado chapters.css deve-se usar: <HEAD> <LINK rel = stylesheet type = text/css href = >
3 <HEAD> Aplicação de Estilos Após definir os estilos, pode-se aplicá-los usando os atributos id ou class ou ainda aplicá-los de forma global. Para aplicar um estilo globalmente para cada instância do mesmo elemento, deve-se especificar o elemento e as mudanças de estilo correspondentes Por exemplo, para mudar todas as instâncias do elemento <P> para serem exibidas em tamanho 16 e itálico, deve-se inserir o seguinte código na seção <HEAD>: <HEAD> <STYLE type = text/css > P{ font-style: italic; font-size: 16pt; </STYLE> <HEAD> O Atributo id Outra forma de se aplicar estilos é através do atributo id. Assim, define-se estilos na seçao <HEAD> do documento. O Exemplo 3.8 mostra a criação de um estilo heading usado posteriormente no elemento <P>. A Figura 3.8 ilustra a página resultante em um browser. Exemplo 3.8 Especificando estilos com o atributo id <style type="text/css"> #heading{ font-style: italic; font-size: 24; <p id="heading"> Welcome to my page! Style Italic and Font 24 <p> Here is some text. Normal
4 Figura Especificando estilos com o atributo id O Atributo class Estilos definidos por class são explicitamente chamados com os elementos HTML que os utilizam. Classes de estilo, como mostra o exemplo X.3 são uma forma de agrupar propriedades de estilos que serão utilizadas em várias partes do documento. O exemplo 3.9 define duas classes de estilo e os aplica a diferentes instâncias do elemento <P>. A Figura 3.9 ilustra a página resultante no browser. Exemplo 3.9 Usando o atributo class para selecionar um estilo <style type="text/css">.heading{ font-style: italic; font-size: 24;.content{ font-size: 12; <p class="heading"> Welcome to my page! Style Font 24 <p class="content"> Here is some text. Style Font 12
5 Figura Usando o atributo class para selecionar um estilo O elemento <span> O último método de se aplicar um estilo é através dos elementos <SPAN> e </SPAN>. Estes elementos são usados para marcar uma parte específica do texto na qual o estilo deve ser aplicado. Este elemento é usado quando um trecho do texto dentro de um elemento precisa ter um estilo aplicado. O exemplo 3.10 mostra como aplicar um estilo a uma parte do texto que já possui um estilo pré-definido. A Figura 3.10 ilustra a página resultante no browser. <style type="text/css"> p{ font-style: italic; font-size: 24; #smaller{ font-size: 12; Exemplo 3.10 Usando o <span> tag
6 <p> Here is some text that has global styles applied, but <span id="smaller">here is some smaller text (font 12)</span> in the middle of this paragraph (font 24). Figura Usando o <span> tag Seletores Mistos A implementação de múltiplas folhas de estilo traz a possibilidade de definição de estilo múltiplo para elementos HTML. Qualquer definição de estilo numa folha de estilo sempre terá precedência sobre qualquer estilo definido anteriormente no documento. O Exemplo 3.11 mistura seletores de diferentes tipos para atingir o efeito mostrado na Figura Exemplo 3.11 Combinando estilos em uma única definição de estilos <style type="text/css"> h1{ color: green; #ital{ font-style: italic;.newheader{ color: yellow;
7 #myid{ font-size: 12; <h1>green</h1> <h1 class="newheader" id="myid">yellow and point size 12</h1> <h1 class="newheader">yellow and <span id="ital">italic</span></h1> <h2>this will be default text<h2> Figura Combinando estilos em uma única definição de estilos 1.2 Layers Algumas das limitações das páginas Web têm sido a dificuldade de se posicionar texto ou imagem precisamente em uma página, e de sobrepor elementos HTML. Um dos aspectos mais inovadores dos browsers atuais é o suporte para layers (camadas). Layers permitem a definição de conteúdo sólido ou transparente num documento HTML que pode ser posicionado de forma precisa no local desejado. Os layers podem ser implementados utilizando várias ténicas diferentes. Com exceção do Navigator 4, um layer pode ser criado usndo um comando HTML e aplicando propriedades de estilo (CSS) para posicionar, mostrar e controlar o que o comando vai executar. Simplesmente pela natureza do que o comando <DIV> representa (uma divisão de dados), foi a
8 escolha mais lógica para a criação de layers. O Navigator 4 inclui dois novos comandos: <LAYER> e <ILAYER> (o i vem de inflow). Diferentemente do comando <DIV>, eles possuem atributos que essencialmente permitem sua estilização. Para criar um layer com posicionamento absoluto, usa-se o comando <LAYER>, e para um layer com posicionamento relativo, usa-se <ILAYER> Uso de Folhas de Estilo para Layers A maneira própria e padronizada de se implementar layers é controlá-los através do uso de folhas de estilo, que incluem posicionamento, estilo e visibilidade. As propriedades CSS que serão utilizadas são: Position Position Left, right Height, width Z-index Visibility A propriedade position é usada para informar ao browser como fixar um determinado elemento numa posição do documento. Existem quatro valores para esta propriedade: Valores Absolute Fixed Relative Static Descrição As coordenadas absolutas do elemento serão especificadas. Se não estiverem especificadas o browser assume que x e y são zero. O elemento não deve mudar quando a janela é rolada. Permite posicionar o elemento com base no elemento anterior. Valor default O Exemplo 3.12 mostra a implementação do posicionamento absoluto de elementos HTML, e a Figura 3.12 ilustra a página resultante. Exemplo 3.12 Especificando o posicionamento absoluto de elementos com propriedades CSS <style type="text/css"> #first{
9 background-color: green; left: 0; top: 0; #second{ background-color: red; left: 30; top: 30; #third{ background-color: blue; left: 60; top: 60; <p name="layer1" id="first"> Layer 1 <p name="layer2" id="second"> Layer 2 <p name="layer3" id="third"> Layer 3 Figura Especificando o posicionamento absoluto de elementos com propriedades CSS
10 Left, right, top e bottom São utilizadas para informar o browser o local exato em que o elemento deve ser exibido. Estas propriedades não são usadas todas juntas, por exemplo, left e right não devem estar ambas definidas, o mesmo vale para top e bottom. O Exemplo 3.13 mostra a implementação do posicionamento de quatro elementos HTML do tipo layer, usando as propriedades left, right, top e bottom. A Figura 3.13 ilustra a página resultante, com os objetos dispostos precisamente nos locais definidos. Exemplo 3.13 Posicionando objetos usando as propriedades left, right, top e bottom <style type="text/css"> #first{ background-color: green; left: 0; top: 0; #second{ background-color: red; right: 0; top: 0; #third{ background-color: blue; bottom: 0; right: 0; #fourth{ background-color: yellow; bottom: 0; left: 0; <p name="layer1" id="first"> Layer 1 <p name="layer2" id="second"> Layer 2 <p name="layer3" id="third"> Layer 3
11 <p name="layer4" id="fourth"> Layer 4 Figura 3.13 Usando as propriedades right, left, top e bottom Height e width Estas duas propriedades permitem definir a altura e a largura do layer, e devem receber valores numéricos. O Exemplo 3.14, continuação do exemplo anterior, altera o tamanho e a largura dos objetos exibidos, através das propriedades height e width. A Figura 3.14 mostra os objetos com os tamanhos alterados. Exemplo 3.14 Usando height e width para especificar o tamanho do layer <style type="text/css"> #first{ background-color: green; height:20; left: 0; top: 0; width: 40; #second{ background-color: red; height:10;
12 right: 0; top: 0; width: 30; #third{ background-color: blue; bottom: 0; height:100; right: 0; width: 50; #fourth{ background-color: yellow; bottom: 0; height:100; left: 0; width: 200; <p name="layer1" id="first"> Layer 1 <p name="layer2" id="second"> Layer 2 <p name="layer3" id="third"> Layer 3 <p name="layer4" id="fourth"> Layer 4
13 Figura 3.14 Usando height e width para especificar o tamanho do layer O Exemplo 3.15, mostra a sobreposição dos elementos HTML implementados em layers, usando apenas as propriedades definidas anteriormente. A Figura 3.15 exibe a sobreposição dos quadrados coloridos, sendo que a ordem da sobreposição é a ordem em que os elementos aparecem no código. <style type="text /css"> #first{ background-color: green; left: 0; top: 0; #second{ background-color: red; left: 20; top: 20; #third{ background-color: blue; Exemplo 3.15 Sobreposição de layers
14 left: 40; top: 40; #fourth{ background-color: yellow; left: 60; top: 60; <p name="layer1" id="first"> Layer 1 <p name="layer2" id="second"> Layer 2 <p name="layer3" id="third"> Layer 3 <p name="layer4" id="fourth"> Layer 4 Figura 3.15 Sobreposição de layers
15 z-index A propriedade z-index possibilita a sobreposição dos layers através do uso de uma pilha. O atributo z-index deve receber um inteiro positivo que especifica em qual posição da pilha o layer deve ser colocado. Quanto maior for o z-index, mais acima fica o layer na sobreposição. Se o atributo z-index não estiver definido, admite-se que seu valor é zero. O Exemplo 3.16 mostra uma sobreposição de objetos utilizando o z-index para gerar a ordem em que os objetos devem ser exibidos. A Figura 3.16 mostra os objetos e a sobreposição dos mesmos. Exemplo 3.16 Trocando o z-index dos layers (Ordem dos layers) <style type="text/css"> #first{ background-color: green; left: 0; top: 0; z-index: 2; #second{ background-color: red; left: 20; top: 20; #third{ background-color: blue; left: 40; top: 40; z-index: 1; #fourth{ background-color: yellow; left: 60; top: 60;
16 <p name="layer1" id="first"> Layer 1 <p name="layer2" id="second"> Layer 2 <p name="layer3" id="third"> Layer 3 <p name="layer4" id="fourth"> Layer 4 Figura 3.16 Trocando o z-index dos layers (Ordem dos layers) Visibility A propriedade visibility é responsável por ocultar ou deixar visível um determinado layer. Possui quatro valores possíveis: Valores Collapse Hidden Inherit Visible Descrição Possui o mesmo significado de hidden, exceto quando utilizado em tabelas. Oculta o elemento. Valor defaul do browser, recebe o valor do elemento anterior. Torna o elemento visível.
17 O Exemplo 3.17, como os exemplos anteriores, mostra a exibição de layers sobrepostos, porém agora com a propriedade visibility aplicada de forma a ocultar dois dos objetos que poderiam ser exibidos. A Figura 3.17 mostra os layers em que os atributos visibility não receberam o valor hidden. <style type="text/css"> #first{ background-color: green; left: 0; top: 0; z-index: 2; visibility: hidden; #second{ background-color: red; left: 20; top: 20; #third{ background-color: blue; left: 40; top: 40; z-index: 1; visibility: hidden; #fourth{ background-color: yellow; left: 60; top: 60; <p name="layer1" id="first"> Layer 1 Exemplo 3.17 Ocultando layers
18 <p name="layer2" id="second"> Layer 2 <p name="layer3" id="third"> Layer 3 <p name="layer4" id="fourth"> Layer 4 Figura Escondendo layers Gerenciamento de Layers Sobrepostos As propriedades CSS permitem a especificação de efeitos visuais em documentos HTML. Por exemplo, suponha a exibição de um relatório de dados numa página Web. O objetivo é exibir uma tela por vez e permitir ao usuário ver uma outra tela. Isso pode ser feito através de layers, criando o mesmo efeito de janelas sobrepostas do ambiente windows Criação de Efeitos de Animação Um aspecto intrigante dos layers é a forma como podem ser usados para criar animações. O JavaScript permite o posicionamento dinâmico dos layers e desta forma podem-se criar funções recursivas nas quais os layers se movimentem no documento. Esta é a combinação HTML e JavaScript para a criação de HTML dinâmico, ou DHTML.
19 Com o uso de layers, JavaScript e folhas de estilo pode-se criar (com HTML), projetar (com CSS) e manipular (com JavaScript) elementos numa página. Com os avanços tais como melhor suporte do modelo de objetos do documento (DOM) e XML (extensive Markup Language) nos browsers, as possibilidades são sem fim. <div> e <iframe> O melhor método para a implementação dos layers é através dos elementos <DIV> e <IFRAME>. Os elementos <LAYER> e <ILAYER> da Netscape estão desaprovados Definição de Blocos de Dados O primeiro passo na criação de layers é definir o bloco de dados que será considerado um layer. Para uma aplicação comum, a primeira janela do browser deve ser considerada o primeiro layer. Um botão no primeiro layer pode disparar um menu, considerado então no segundo layer, no topo do documento. Se um clique no menu dispara um submenu em cascata então este é um novo layer (podendo estar ou não no mesmo nível do anterior). A definição dos blocos de dados é feita através do uso do elemento <DIV>. Os atributos do elemento são: Atributos Align Class Dir Id Lang Name Style Title Descrição Usado para alinhar os dados. Recebe os valores left, right, center e justify. O uso de CSS é mais aconselhável para o alinhamento. Lista de classes de estilo, separadas por vírgula, que faz do elemento uma instância das classes. Especifica a direção do texto: ltr (left to right) e rtl (right to left). Usado para definir o tipo do estilo que deve ser aplicado aos dados. Identifica o código da linguagem humana em que os dados estão. Usado para dar um nome ao bloco. Pode ser usado pelo JavaScript para manipular os layers. Permite especificar uma definição de estilo ao invés de uma folha de estilos. Provê um título para a divisão Definição de um bloco de dados Deve-se colocar o bloco de dados entre os elementos <div> e </div>. O Exemplo 3.18 mostra a criação de duas divisões
20 chamadas layer1 e layer2 no corpo do documento HTML, ilustradas na Figura Exemplo 3.18 Usando o elemento <div> Before the first block. <div name="layer1"> <hr> DIV 1 <hr> </div> After the first block. <br> Before the second block. <div name="layer2"> <h3> DIV 2 </h3> <p> I am inside the second DIV block. </div> After the second block. Figura 3.18 Definindo blocos de dados no documento
21 Posicionamento de um bloco de dados Para fazer o posicionamento de um bloco de dados deve-se atribuir ao atributo id as propriedades de estilo, que devem conter a posição correta em que o bloco deve ser exibido. O Exemplo 3.19 mostra a aplicação de folhas de estilo para posicionar um bloco (divisão), contendo os atributos que definem altura, largura, coordenadas x e y (left e top), cor e forma de posicionamento. A Figura 3.19 apresenta o resultado em um browser. Exemplo 3.19 Aplicando style sheets e posições no bloco <div> <style type="text/css"> #first{ background-color: green; left: 275; top: 40; #second{ background-color: red; left: 100; top: 55; Before the first block. <div name="layer1" id="first"> <hr> DIV 1 <hr> </div> After the first block. <br> Before the second block. <div name="layer2" id="second"> <h3> DIV 2 </h3> <p> I am inside the second DIV block.
22 </div> After the second block. Figura 3.19 Posicionando blocos de dados Manipulação com JavaScript A sintaxe a ser utilizada em JavaScript para manipular layers é diferente para os browsers Navigator e Internet Explorer. Nos browsers Navigator, o acesso é feito através do array layers. No caso do exemplo X.8 apresentado anteriormente, o atributo name do elemento <div> seria usado para especificar o nome do layer: document.layers[ layer1 ] Nos browsers Internet Explorer o acesso é feito através do array all. O atributo id do elemento <div> especificaria o layer: Document.all[ first ] Quando se criam scripts para rodar em ambos os browsers, o mesmo valor deve ser atribuído aos atributos id e name do elemento <div>. O próximo passo é armazenar a referência ao array, para que se possa obter o layer através de uma variável. O código a seguir mostra estas questões:
23 var layer = new String(); var style = new String(); if(isie){ layer = ".all"; style = ".style"; else if(isnav){ layer = ".layers"; style = ""; O método eval é também bastante utilizado, recebe um string e o avalia como uma expressão JavaScript. Pode-se construir uma chamada para verificar e alterar uma propriedade de um layer, tal como a visibilidade. O Exemplo 3.20 mostra definições de layers, uma função para checar o browser que está sendo utilizado e atualizar as variáveis necessárias, e a utilização do método eval, que recebe um string com o código para alterar a propriedade de visibilidade de um bloco. A Figura 3.20 mostra a página resultante num browser. O botão Hide ao ser pressionado muda a propriedade de visibilidade tornando o bloco invisível, e o botão Show altera a propriedade deixando o bloco visível. Exemplo 3.20 Acessando layers com JavaScript <style type="text/css"> #layer1{ background-color: green; left: 10; top: 50; <script type="text/javascript" language="javascript1.2"> // Create global variables for browser type var isie = new Boolean(false); var isnav = new Boolean(false); var unsupported = new Boolean(false); var layer = new String(); var style = new String(); // Determine if the browser is Internet Explorer, Navigator, // or other. Also, set the layer variable depending on the // type of access it needs. function checkbrowser(){ if(navigator.useragent.indexof("msie")!= -1){ isie = true; layer = ".all"; style = ".style"; else if(navigator.useragent.indexof("nav")!= -1){ isnav = true; layer = ".layers";
24 style = ""; else{ unsupported = true; // Take the state passed in, and change it. function changestate(layerref, state){ eval("document" + layer + "['" + layerref + "']" + style + ".visibility = '" + state + "'"); // </script> <body onload="checkbrowser()"> <div name="layer1" id="layer1"> DIV 1 </div> <form name="form1"> <input type="button" value="hide" onclick="changestate('layer1','hidden')"> <input type="button" value="show" onclick="changestate('layer1','visible')"> <form> Figura O conteúdo da página antes de pressionar o botão
PROGRAMADOR WEB. PROF. Esp. Andrew H. G. Rodrigues
PROGRAMADOR WEB PROF. Esp. Andrew H. G. Rodrigues CSS - CASCADING STYLE SHEETS Folhas de estilo em cascata Para cada estilo deve ser definido uma regra CSS Cada regra CSS deve utilizar a seguinte sintaxe:
INTRODUÇÃO À PROGRAMAÇÃO EXERCÍCIO DE REVISÃO
INTRODUÇÃO À PROGRAMAÇÃO EXERCÍCIO DE REVISÃO Questões de concurso 1. Na interface Web, ele é um arquivo independente do arquivo HTML no qual são declaradas propriedades e valores de estilização para os
CSS. Karen Frigo Busolin
CSS Karen Frigo Busolin O que é CSS? Significa Cascading Style Sheets Estilos define como mostrar elementos HTML Estilos foram adicionandos no HTML 4.0 Estilos na solução de problemas HTML nunca deve a
INTRODUÇÃO AO DESENVOLVIMENTO WEB. PROFª. M.Sc. JULIANA H Q BENACCHIO
INTRODUÇÃO AO DESENVOLVIMENTO WEB PROFª. M.Sc. JULIANA H Q BENACCHIO CSS - Cascading Style Sheets Folhas de estilo em cascata Para cada estilo deve ser definido uma regra CSS Cada regra CSS deve utilizar
CSS (Cascading Style Sheet)
CSS (Cascading Style Sheet) André Tavares da Silva andre.silva@udesc.br CSS Folha de Estilo em Cascata Mecanismo simples para adicionar estilos (fontes, cores, espaçamentos, por exemplo) aos documentos
Cascading: Style Sheet
André Kawamoto 2010 O que é CSS Cascading: Múltiplos estilos podem se sobrepor para especificar uma variedade de estilos desde um website inteiro até um único elemento. Qual estilo é aplicado diz respeito
TECNOLOGIAS WEB. Unidade 3 Linguagem de Marcação e Estilo. Luiz Leão
Luiz Leão luizleao@gmail.com http://luizleao.com Conteúdo da Unidade Cascading Style Sheet (CSS) Linguagem CSS Introdução É uma linguagem de folhas de estilo utilizada para definir a apresentação de documentos
Respostas - RESUMO: Questionário CSS. 1) O padrão CSS nasceu para tentar minimizar quais problemas ligados à gestão de conteúdos na web?
Faculdade de Informática de Taquara Disciplina: Autoria e Design na Internet I Profa. Flavia Pereira de Carvalho Respostas - RESUMO: Questionário CSS 1) O padrão CSS nasceu para tentar minimizar quais
08/11/2012. Tecnologias WEB - CSS. Professor Elisson Lobão
Tecnologias WEB - CSS Professor Elisson Lobão 1 CSS CSS(Cascade Style Sheets) são folhas de estilo que permitem controlar a aparência dos elementos HTML Vantagens: Grande liberdade de formatação Maior
CSS Cascading Style Sheets (Folhas de Estilo em Cascata)
CSS Cascading Style Sheets (Folhas de Estilo em Cascata) Instituto Federal de Educação, Ciência e Tecnologia do Triângulo Mineiro Prof. Edwar Saliba Júnior 1 Parte I CSS Basic 2 CSS Determina como elementos
PROGRAMAÇÃO PARA INTERNET RICA FUNDAMENTOS DO CSS PARTE II
PROGRAMAÇÃO PARA INTERNET RICA FUNDAMENTOS DO CSS PARTE II Prof. Dr. Daniel Caetano 2012-1 Objetivos Apresentar o CSS como ferramenta de layout de página Capacitar para o posicionamento de elementos com
HTML 5 LINGUAGEM DE MARCAÇÃO E ESTILO - CSS - Prof. Rosemary Melo
HTML 5 LINGUAGEM DE MARCAÇÃO E ESTILO - CSS - Prof. Rosemary Melo RESUMO Linguagem de Marcação e Estilo - CSS DESCRIÇÃO Regra CSS Vinculação Inline Vinculação Incorporada Vinculação Externa TAGS seletor
Desenvolvimento de Aplicações para Internet
Desenvolvimento de Aplicações para Internet CSS Celso Olivete Júnior olivete@fct.unesp.br HTML Formatando o documento... Formulário Responsável por fazer a interação entre os dados fornecidos pelo usuário
CSS Cascading Style Sheets
CSS Cascading Style Sheets Linguagem de Folhas de Estilo Introdução Faz parte da versão 4 do html Utilizado para padronizar os componentes html Pode ser utilizado de três formas: Inline quando é utilizada
COM222 DESENVOLVIMENTO DE SISTEMAS WEB. Aula 01: HTML e CSS
COM222 DESENVOLVIMENTO DE SISTEMAS WEB Aula 01: HTML e CSS 2 Conteúdo Noções introdutórias HTML CSS HTML: HyperText Markup Language 3 Linguagem usada para construir páginas Web Função principal Estruturar
Introdução à Informática Escola Superior de Tecnologia - Ano Lectivo 2005/06 Prof. Bruno Silva
Introdução à Informática Escola Superior de Tecnologia - Ano Lectivo 2005/06 Prof. Bruno Silva Cascading Style Sheets - (CSS] Introdução Uma Style Sheet é um ficheiro que contém regras que dizem ao browser
Treinamento em CSS. Índice
Nível: Básico Horas: 2 Treinamento em CSS Índice Índice...1 Introdução...2 Formantando documentos...2 O que é CSS?...2 Por que utilizar CSS?...2 Separando o sistema em camadas...3 Vinculando um arquivo
CSS CASCADING STYLE SHEET
CSS CASCADING STYLE SHEET CURSO TÉCNICO DE INFORMÁTICA MODALIDADE SUBSEQÜENTE DESENVOLVIMENTO WEB 1 PROF. ALEXANDRO DOS SANTOS SILVA 1 SUMÁRIO Conceito Sintaxe básica Tipos de folhas de estilos 2 1 CSS
Aula 3 - Parte Final HTML e CSS
Universidade Federal do Paraná - UFPR 16 de Agosto de 2010 Div 1 Div 2 Div Div Podemos dizer que a função da tag < div > é fazer a divisao dos itens de uma pagina, isto é posicionar os layouts. Para um
Recurso Didáctico. Dossier Técnico Pedagógico Projecto: 5742/2008/22 Acção: 5742/2008/ Formador[a]
![Recurso Didáctico. Dossier Técnico Pedagógico Projecto: 5742/2008/22 Acção: 5742/2008/ Formador[a]](/thumbs/75/71501484.jpg "Recurso Didáctico. Dossier Técnico Pedagógico Projecto: 5742/2008/22 Acção: 5742/2008/ Formador[a]")
Recurso Didáctico Formador[a] Sónia Rodrigues UFCD / UC 0793 Scripts CGI e Folhas de Estilo Data 05/05/2009 Contextualização / Objectivos Documentação de apoio Orientação Pedagógica Apontamentos de Folhas
PROGRAMAÇÃO EM AMBIENTE WEB I
PROGRAMAÇÃO EM AMBIENTE WEB I Prof. Esp. Fabiano Taguchi fabianotaguchi@gmail.com http://fabianotaguchi.wordpress.com CSS As folhas de estilo em cascata são mecanismos usados para adicionar estilos em
Sintaxe Básica da Linguagem CSS
Sintaxe Básica da Linguagem CSS Regras - Regra CSS é uma declaração com sintaxe própria, que indica como será aplicado um estilo a um ou mais elementos HTML. Ela é composta por três partes: um seletor,
Desenvolvimento Web. Professor: Bruno E. G. Gomes
Instituto Federal de Educação Ciência e Tecnologia Curso Técnico Integrado em Informática Campus Currais Novos Desenvolvimento Web CSS Conceitos básicos parte I Professor: Bruno E. G. Gomes 2013 Introdução
HTML BÁSICO E TEMPLATE VIEW. Gabrielle Amorim Porto
HTML BÁSICO E TEMPLATE VIEW Gabrielle Amorim Porto HTML BÁSICO E TEMPLATE VIEW Hypertext Markup Language Linguagem de marcação de hipertexto; Descreve a estrutura das páginas Web utilizando tags. HTML
INTRODUÇÃO AO DESENVOLVIMENTO WEB. PROFª. M.Sc. JULIANA H Q BENACCHIO
INTRODUÇÃO AO DESENVOLVIMENTO WEB PROFª. M.Sc. JULIANA H Q BENACCHIO A partir do HTML 4.01, o único modo de alterar a letra (cor, tamanho, tipo, etc.) ou o fundo (cor ou imagem) é utilizando o atributo
3. Construção de páginas web Introdução ao HTML
3. Construção de páginas web 3.1. Introdução ao HTML 1 Introdução ao HTML O HTML, HyperText Markup Language, foi desenvolvido para especificar a organização lógica de um documento com extensões de hipertexto,
Revisando os conteúdos. Introdução ao CSS
Aula 04 Revisando os conteúdos Tag : fornece informações sobre o documento, palavras-chaves, autor da página, última atualização, etc. Essas informações não são mostradas na página, apenas processadas
CSS. Cascading Style Sheets Style Sheets
CSS Cascading Style Sheets Style Sheets Agenda Histórico Definição Limitações do CSS-1 CSS2 - Características Por que usar CSS? Vantagens Sintaxe Básica Como inserir uma folha de Estilo Indentificando
PROGRAMAÇÃO PARA INTERNET RICA FUNDAMENTOS DO CSS PARTE I
PROGRAMAÇÃO PARA INTERNET RICA FUNDAMENTOS DO CSS PARTE I Prof. Dr. Daniel Caetano 2012-1 Objetivos Apresentar o CSS como substituto dos parâmetros visuais do HTML Capacitar para a construção de documentos
Módulo 17E. Revisões de HTML. A) Noções básicas de HTML
Módulo 17E Revisões de HTML A) Noções básicas de HTML Estrutura básica de um documento Um documento HTML começa com a tag de abertura e termina com a tag de fecho . De seguida, temos a considerar
Desenvolvimento Web. CSS Conceitos básicos parte I. Professor: Bruno Gomes
INSTITUTO FEDERAL DE EDUCAÇÃO CIÊNCIA E TECNOLOGIA CURSO TÉCNICO INTEGRADO EM INFORMÁTICA CAMPUS CURRAIS NOVOS Desenvolvimento Web CSS Conceitos básicos parte I Professor: Bruno Gomes 2011 INTRODUÇÃO O
06/02/2016 PROGRAMAÇÃO EM AMBIENTE WEB I CSS UM POUCO DE HISTÓRIA
PROGRAMAÇÃO EM AMBIENTE WEB I Prof. Esp. Fabiano Taguchi fabianotaguchi@gmail.com http://fabianotaguchi.wordpress.com CSS As folhas de estilo em cascata são mecanismos usados para adicionar estilos em
HTML, CSS e JavaScript
HTML, CSS e JavaScript Contato: Site: http://professores.chapeco.ifsc.edu.br/lara/ 1 Arquivo externo Dentro da tag head: 2 Qual a dirença
Modelo de formateo visual em CSS
Programação Web Modelo de formateo visual em CSS Conferencia 6 MSc. Yoenis Pantoja Zaldívar Recordando Atributos das caixas largura borde margen fundo altura recheio Resumo Tipos de posicionamento. Visualização
SEPARAÇÃO EM: Apresentação Estrutura Comportamento
SEPARAÇÃO EM: Apresentação Estrutura Comportamento Arquitectura de Sistemas DEI-ISEP Estrutura/Apresentação/Comportamento Uma boa prática na construção de páginas web: Separação em 3 camadas: Estrutura
Desenvolvimento de Aplicações para. Prof.: Bruno Rafael de Oliveira Rodrigues
Desenvolvimento de Aplicações para Internet Prof.: Bruno Rafael de Oliveira Rodrigues Videos nas Páginas Existem várias maneiras de inserir um vídeo em sua página. O vídeo pode aparecer sob a forma de
A diferença entre um site que implementa CSS e outro que não o usa é gigantesca e notável.
Aula 02 - Introdução ao css ( folhas de estilo ) CSS é a sigla para o termo em inglês Cascading Style Sheets que, traduzido para o português, significa Folha de Estilo em Cascatas. O CSS é fácil de aprender
Cascading Style Sheets
Cascading Style Sheets PROF. ME. HÉLIO ESPERIDIÃO CSS Cascading Style Sheets (CSS) é uma linguagem de folhas de estilo utilizada para definir a apresentação de documentos escritos em uma linguagem de marcação,
Estilo em Aplicações Hipermídia na Web
SCC0265 Sistemas Interativos Web Estilo em Aplicações Hipermídia na Web Renata Pontin M. Fortes (renata@icmc.usp.br) PAE: Willian Watanabe (watinha@gmail.com) Instituto de Ciências Matemáticas e de Computação
SIMULADOS & TUTORIAIS
SIMULADOS & TUTORIAIS TUTORIAIS CSS Como inserir códigos CSS em páginas HTML Copyright 2013 Todos os Direitos Reservados Jorge Eider F. da Silva Proibida a reprodução deste documento no todo ou em parte
Desenvolvimento Web. HTML 5 Parte I. Prof. Vicente Paulo de Camargo
Parte I Prof. Vicente Paulo de Camargo Páginas com podem ser desenvolvidas com editor de texto simples Existem, no entanto, alguns editores interessantes, que facilitam a edição de páginas É o caso de
CSS [10] Desenvolvimento e Design de. Websites. Prof.: Ari Oliveira
![CSS [10] Desenvolvimento e Design de. Websites. Prof.: Ari Oliveira](/thumbs/68/59560005.jpg "CSS [10] Desenvolvimento e Design de. Websites. Prof.: Ari Oliveira")
Desenvolvimento e Design de Websites Prof.: Ari Oliveira Folhas de Estilo em Cascata CSS Localização dos estilos Seletores 2 Faça uma página de trabalhe conosco. Esta página deverá conter um formulário
REDES DE COMUNICAÇÃO. 11º - ANO Professor: Rafael Henriques
16-01-2019 Redes de Comunicação - Prof. Rafael Henriques 1 REDES DE COMUNICAÇÃO 11º - ANO Professor: Rafael Henriques E-mail: prof@rafaelhenriques.com Apresentação módulos 4 - Desenvolvimento de Páginas
Introdução à linguagem HTML. Volnys Borges Bernal
1 Introdução à linguagem HTML Volnys Borges Bernal 2013-2015 Volnys Bernal 2 Introdução à linguagem HTML Sumário Visão geral Primeira página Principais tags Principais atributos Formulários 2011-2015 Volnys
Exercícios Práticos HTML5 + CSS3. Profa. Flávia Pereira de Carvalho
Exercícios Práticos HTML5 + CSS3 Profa. Flávia Pereira de Carvalho Maio de 2018 1 Exemplos e Exercícios Práticos HTML5 e CSS3 1) Primeiro exemplo: 2) Seletor ID: 3) Seletor de Classe: 2 4) Também é possível
INTRODUÇÃO AO DESENVOLVIMENTO FRONT-END COM HTML, CSS E JAVASCRIPT
v1.1 INTRODUÇÃO AO DESENVOLVIMENTO FRONT-END COM HTML, CSS E JAVASCRIPT AULA 7 CRIANDO INTERAÇÕES COM JAVASCRIPT (PARTE 2) Eder Franco @ FPF Tech The road so far... JavaScript Desenvolvida para criar interações
Aula 11 Introdução ao Java Script
Aula 11 Introdução ao Java Script Java Script é uma linguagem que permite trabalhar com a Lógica em páginas escritas em HTML (HiperText Mark-up Language). As páginas HTML podem ser escritas utilizando-se
F E B A C. Exercício de Fixação 3. FACULDADE DE EDUCAÇÃO DE BACABAL FEBAC Credenciamento MEC/Portaria: 472/07 Resolução: 80/07
F E B A C FACULDADE DE EDUCAÇÃO DE BACABAL FACULDADE DE EDUCAÇÃO DE BACABAL FEBAC Credenciamento MEC/Portaria: 472/07 Resolução: 80/07 Curso: Sistemas para Internet Período: 2 o Disciplina: Fundamentos
Exemplos Práticos HTML5 + CSS3. Profa. Flávia Pereira de Carvalho
Exemplos Práticos HTML5 + CSS3 Profa. Flávia Pereira de Carvalho Agosto de 2018 2 1 Exemplos Práticos HTML5 e CSS3 1) Primeiro exemplo: 2) Seletor ID: 3) Seletor de Classe: Profa. Flávia Pereira de Carvalho
Posicionamento, dimensões e outros elementos de HTML5 e CSS3
R o q u e F e r n a n d o G l a u c i o D a n i e l Te c h n o E d i t i o n E d i t o r a L t d a Posicionamento, dimensões e outros elementos de HTML5 e CSS3 Posicionamento, dimensões e outros elementos
Uma regra CSS quando válida para vários seletores, estes podem ser agrupados. Exemplo: h1, h2, h3, h4, h5, h6 { color: #00FF00; }
CENTRO PASTORAL, EDUCACIONAL E ASSISTENCIAL DOM CARLOS CPEA Reconhecido de Utilidade Pública pelo Decreto No. 5.692 de 08.11.1967 FACULDADE VIZINHANÇA VALE DO IGUAÇU VIZIVALI DOIS VIZINHOS PARANÁ Criada
CASCADING STYLE SHEETS (CSS)
UI MARIA LENIR ARAÚJO MENESES Prof Esp. Leonardo Delgado Aula 02: CASCADING STYLE SHEETS (CSS) Unidade IV Aluno: Data: / / CASCADING STYLE SHEETS (CSS) O CSS é uma linguagem de estilo que foi desenvolvida
Comandos Extras Formatações no CSS
Comandos Extras Formatações no CSS Propriedade 'background-color': A propriedade background-color define a cor do fundo de um elemento. Propriedade 'color': A propriedade color define a cor do primeiro
Volnys Bernal. Introdução à linguagem HTML. Introdução à linguagem HTML. Visão geral. Visão geral. Visão geral. Visão geral.
1 2 Introdução à linguagem HTML Sumário Volnys Borges Bernal Primeira página Principais tags Principais atributos 3 4 HTML HTML = HyperText Markup Language Linguagem de marcação (Markup) para criação de
Web Design Aula 21: Posicionamento
Web Design Aula 21: Posicionamento Professora: Priscilla Suene priscilla.silverio@ifrn.edu.br Roteiro Posicionamento Estático Relativo Absoluto Absoluto e Relativo Relativo x Absoluto Fixo Propriedade
Disciplina: Desenvolvimento Web Professor: Paulo César Fernandes de Oliveira, BSc, PhD
1. O que é CSS? a) É a linguagem que se usa para se definir quais serão os elementos de uma página HTML. b) É uma linguagem que se usa para se modificar o estilo de apresentação dos elementos de uma página
Permite que o conteúdo e o layout de uma página seja separado do design visual e os elementos de apresentação.
Porque usar css? Cascading Style Sheets (css) sobrepõe as características padrões dos browsers São usadas para melhorar e controlar a aparência de uma página web. Porque usar css? Permite que o conteúdo
O que faz um servidor/navegador web? 14/03/2016 Rômulo da Silva Lima Slid e 2
HTML O que faz um servidor/navegador web? e 2 O que é? HyperText Markup Language Utilizada para produzir páginas WEB Documentos escritos na linguagem HTML podem ser traduzidos por browser O HTML utiliza
HTML & CSS. uma introdução
HTML & CSS uma introdução HTML hypertext markup language CSS cascading style sheet linguagem de marcação que dá ao conteúdo estrutura e significado linguagem de estilo que dá ao conteúdo estilo e aparência
Introdução a Web Standards. Reinaldo Ferraz e Clécio Bachini
Introdução a Web Standards Reinaldo Ferraz e Clécio Bachini Document Object Model (DOM) Modelo de Documentos em Objetos Objetos em um Documento Markup Linguagem de Marcação Semântica Objetos com Sentido
Tabelas. Tabelas. Iniciando a construção... Atributos <table> Tag <table></table> 05/06/2011
INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA CAMPUS CAMPINA GRANDE 1 2 Tabelas INTERNET BÁSICA: EXTENSIBLE HYPERTEXT MARKUP LANGUAGE XHTML PARTE 3 Largamente suportado(browser); Controlar
Criação de estilos CSS
Em primeiro lugar vamos inserir um parágrafo Marco Soares 1 Criação de estilos CSS Para começar, crie um site novo e uma página inicial para testes chamada index.html Vamos começar por criar alguns estilos
HTML 5 TAGS BÁSICAS E ESTRUTURAIS. Prof. Rosemary Melo
HTML 5 TAGS BÁSICAS E ESTRUTURAIS Prof. Rosemary Melo TAGS BÁSICAS DA LINGUAGEM TAG Indica que está criando uma página html TAG Área contém informação sobre a página TAG especifica
HTML? HTML? HTML? HTML e HTTP. HTML e HTTP 26/02/2011
INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA CAMPUS CAMPINA GRANDE 1 2 HTML? INTERNET BÁSICA: EXTENSIBLE HYPERTEXT MARKUP LANGUAGE XHTML PARTE 1 Hypertext Markup Language (Linguagem de
Web Design - CSS. Conteúdo. - O que é CSS? - Sintaxe CSS - Como inserir CSS em HTML - Propriedades CSS
CSS Web Design - CSS Conteúdo - O que é CSS? - Sintaxe CSS - Como inserir CSS em HTML - Propriedades CSS 01 Assunto: CSS O que é CSS? CSS é a sigla para Cascading Style Sheets, que pode ser traduzida para
Construção de sites Aula 1
Construção de sites Aula 1 Programa Instrutor Universidade Federal do Paraná Pró-reitoria de Assuntos Estudantis Departamento de Informática 31 de Julho de 2010 Indice Estrutura da Internet 1 Estrutura
HTML (HyperText. Markup Language)
Pontifícia Universidade Católica do Rio Grande do Sul PUCRS Faculdade de Informática HTML (HyperText Markup Language) Prof. Fabiano Passuelo Hessel Profª. Leticia Lopes Leite Julho de 2002. 1. Introdução
Tabelas Div Span Frames Formulários
Tabelas Div Span Frames Formulários Tabelas Tabelas implementam um conceito importante de layout: as grades, segundo as quais organizamos textos e ilustrações de maneira harmoniosa. A utilização de tabelas
Guia de Bolso HTML e XHTML
Guia de Bolso HTML e XHTML Este guia de bolso oferece uma listagem concisa, porém abrangente, dos elementos e atributos especificados nas Recomendações HTML 4.01 e XHTML 1.0. O texto utiliza a abreviação
Programação WEB I DOM (Document Object Manager)
Programação WEB I DOM (Document Object Manager) DOM Significa Modelo de Objetos de Documentos e tem por finalidade descrever e padronizar os objetos e seus relacionamentos em uma aplicação. Tem a finalidade
Unidade 4: Introdução à Tecnologia CSS Prof. Daniel Caetano
Programação para Internet Rica 1 Unidade 4: Introdução à Tecnologia CSS Prof. Daniel Caetano Objetivo: Apresentar conceitos de introduzir o uso de Folhas de Estilo em Cascata. Bibliografia: W3, 2009; CASCADE,
INTRODUÇÃO AO CSS. HTML é usado para estruturar conteúdos. CSS é usado para formatar conteúdos estruturados.
INTRODUÇÃO AO CSS O que é CSS? Talvez você já tenha ouvido falar em CSS, mas não saiba o que significa exatamente. Nesta lição você saberá o que é e para que serve CSS. CSS é a abreviatura para Cascading
PROFESSORA MERRIS MOZER. Mestranda em Metodologias para o Ensino de Linguagens e suas Tecnologias
PROFESSORA MERRIS MOZER Mestranda em Metodologias para o Ensino de Linguagens e suas Tecnologias INTRODUÇÃO AO DESENVOLVIMENTO DE SISTEMAS WEB Aula 1 HTML INTRODUÇÃO O que é HTML? INTRODUÇÃO HTML ou Hypertext
AULA 02 Introdução (HTML, CSS e Javascript) PROGRAMAÇÃO PARA WEB Marcelo Henrique dos Santos
AULA 02 Introdução (HTML, CSS e Javascript) Mestrado em Educação (em andamento) MBA em Negócios em Mídias Digitais MBA em Marketing e Vendas Especialista em games : Produção e Programação Bacharel em Sistema
Desenvolvimento WEB1 Aula 03 Profa Wanessa Machado do Amaral
Desenvolvimento WEB1 Aula 03 Profa Wanessa Machado do Amaral Surgimento do CSS Na aula passada tivemos uma breve introdução ao CSS Os documentos web, cada vez mais sofisticados e extensos, estavam fugindo
JAVASCRIPT. Desenvolvimento Web I
JAVASCRIPT Desenvolvimento Web I JavaScript HTML Conteúdo - ( Markup language) CSS Apresentação (Style Sheet language) JavaScript (Programming language) Uso de JavaScript : Validação de formulários, galerias
PROGRAMAÇÃO PARA INTERNET RICA FUNDAMENTOS DO CSS PARTE I
PROGRAMAÇÃO PARA INTERNET RICA FUNDAMENTOS DO CSS PARTE I Prof. Dr. Daniel Caetano 2012-2 Objetivos Apresentar o CSS como substituto dos parâmetros visuais do HTML Apresentar a tag DIV Capacitar para a
PROGRAMAÇÃO PARA INTERNET RICA FUNDAMENTOS DO JQUERY
PROGRAMAÇÃO PARA INTERNET RICA FUNDAMENTOS DO JQUERY Prof. Dr. Daniel Caetano 2013-1 Objetivos Introduzir o framework jquery Capacitar para a construção de documentos jquery simples Compreender os mecanismos
jquery Curso de Tecnologia em Análise e Desenvolvimento de Sistemas Desenvolvimento de Sistemas web
jquery Curso de Tecnologia em Análise e Desenvolvimento de Sistemas Desenvolvimento de Sistemas web Introdução jquery é uma biblioteca JavaScript que tem como objetivo principal facilitar a programação
JavaScript (Elementos de Programação e Programação Básica)
Linguagem de Programação para Web JavaScript (Elementos de Programação e Programação Básica) Prof. Mauro Lopes 1 Objetivos Iniciaremos aqui o nosso estudo sobre a Linguagem de Programação JavaScript. Apresentaremos
CSS EXTERNO. <head> <link href="estilo.css" type="text/css" rel="stylesheet" /> </head>
CSS DDW CSS EXTERNO O CSS é um arquivo que visa personalizar o modo como seu HTML aparece para o usuário. Ele deve ser chamado dentro da tag no topo do site.
UFCD 0793 Scripts CGI e Folhas de Estilo Formadora: Sónia Rodrigues
UFCD 0793 Scripts CGI e Folhas de Estilo Formadora: Sónia Rodrigues 0793 Scripts CGI e folhas de estilo Objectivos da UFCD: Desenvolver páginas para a Web, através de scripts CGI e folhas de estilo. UFCD
Tabelas. Tabelas. Iniciando a construção... Atributos <table> Tag <table></table> 05/04/2011
INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DA PARAÍBA CAMPUS CAMPINA GRANDE 1 2 Tabelas INTERNET BÁSICA: EXTENSIBLE HYPERTEXT MARKUP LANGUAGE XHTML PARTE 3 Largamente suportado(browser); Controlar
Aula 17 Introdução ao jquery
Aula 17 Introdução ao jquery jquery é uma biblioteca JavaScript criada por John Resig e disponibilizada como software livre e aberto, ou seja, de emprego e uso regido segundo licença conforme as regras
XML: uma introdução prática X100. Helder da Rocha
XML: uma introdução prática X100 Helder da Rocha (helder@argonavis.com.br) Atualizado em setembro de 2001 1 Apresentação do XML Por que apresentar os dados? Impressão Web Verificação Edição Soluções Cascading
Desenvolvimento Web CSS Conceitos básicos parte II
Desenvolvimento Web CSS Conceitos básicos parte II Prof.: Bruno E. G. Gomes 2014 Folhas de Estilo Externa Estilos são definidos em um arquivo separado e incorporados à página através da tag link Podem
OFICINA DA PESQUISA PROGRAMAÇÃO APLICADA À CIÊNCIA DA COMPUTAÇÃO
OFICINA DA PESQUISA PROGRAMAÇÃO APLICADA À CIÊNCIA DA COMPUTAÇÃO Prof. Msc. Carlos José Giudice dos Santos carlos@oficinadapesquisa.com.br www.oficinadapesquisa.com.br Linguagens de Programação Material
SIMULADOS & TUTORIAIS
SIMULADOS & TUTORIAIS TUTORIAIS HTML Como utilizar cabeçalhos e elementos de cabeçalhos de página em HTML Copyright 2013 Todos os Direitos Reservados Jorge Eider F. da Silva Proibida a reprodução deste
1) Em um documento separado fora de todos os documentos HTML;
Você pode definir regras de CSS em três lugares. E, por definição, pode utilizar uma combinação dos três métodos nos seus web sites. A maneira como as regras interagem entre si está relacionada à parte
#Trabalhando com Texto
INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DO RIO GRANDE DO NORTE CAMPUS SÃO GONÇALO DO AMARANTE PROGRAMAÇÃO WEB #Trabalhando com Texto Eliezio Soares elieziosoares@gmail.com Aula de Hoje Web
Depende de algumas habilidades. O tamanho. Virtualmente ilimitado. Mercado. Estatisticamente crescente.
DevStart Módulo 1: O mercado Depende de algumas habilidades. O tamanho Virtualmente ilimitado. Mercado Estatisticamente crescente. Durante a economia difícil. As possibilidades Durante a economia sadia.
Curso CSS - Cascading Style Sheets
Seja bem Vindo! Curso CSS - Cascading Style Sheets CursosOnlineSP.com.br Carga horária: 50 hs Conteúdo programático: Introdução Entendendo Style Sheets Como Criar Estilos As Folhas de Estilos Adicionar
Qual a razão do termo cascata na terminologia CSS? A forma como as regras de estilo são aplicadas obedece a 3 princípios básicos: herança,
Qual a razão do termo cascata na terminologia CSS? A forma como as regras de estilo são aplicadas obedece a 3 princípios básicos: herança, especificidade do seletor e proximidade do elemento estilizado.
Tags estruturais <!-- --> Cria um comentário <html> </html> Envolve todo um documento html <head> </head> Envolve o cabeçalho de um documento html
Tags estruturais Cria um comentário Envolve todo um documento html Envolve o cabeçalho de um documento html Fornece informações gerais sobre o documento