Informática Parte 21 Prof. Márcio Hunecke
|
|
|
- Ilda Lombardi Rijo
- 7 Há anos
- Visualizações:
Transcrição
1 Escriturário Informática Parte 21 Prof. Márcio Hunecke
2
3 Informática CSS 3 É no CSS (Cascading Style Sheets) que se define estilos para páginas web com efeitos de transição, imagem, e outros, que dão um estilo novo às páginas Web 2.0 em todos os aspectos de design do layout. A principal função do CSS3 é abolir as imagens de plano de fundo, bordas arredondadas, apresentar transições e efeitos para criar animações de vários tipos, como um simples relógio de ponteiros. Isso se deve aos novos browsers que estão chegando, com suporte à essa linguagem, como o Google Chrome, Opera, Internet Explorer 9, Safari e Mozilla Firefox. Assim, o CSS3 facilitará o trabalho dos que trabalham com web e também dos usuários, pela variedade de transformações na apresentação de um website. A atribuição dos efeitos visuais pode ser realizada de três formas distintas Inline Um conjunto de efeitos para cada TAG < h1 style="color:blue;margin-left:30px;" >This is a heading< /h1 > Interno Um conjunto de efeitos para a página <style type="text/css">...estilo... </style> Externo Um arquivo separado (extensão.css) <link rel="stylesheet" type="text/css" href="estilo.css"/> Formato e exemplos dos efeitos Seletor Propriedade Valor body {color: green} Color: blue, red, yellow, violet, green, black ou em hexa (cor do texto) Text-decoration: none, underline (sublinhado) Backckground-color: blue, red, yellow, green, black (cor do fundo) Font-size: 30px Font-family: Arial, Verdana 3
4 Text-shadow (efeitos de sombra) Margin-left: 30px (margem esquerda -right, -top, -bottom) Comentários: /* texto comentado */ Margin e Padding Margin refere-se à margem externa (margem da div) e Padding refere-se à margem interna (dentro da div). Se a margem tem 4 valores: margin : 25px 50px 75px 100px; margem superior é 25px margem direita é 50px margem inferior é de 75px margem esquerda é 100px Se a margem tem 3 valores: margin : 25px 50px 75px; margem superior é 25px margens direita e esquerda são 50px margem inferior é de 75px Se a margem tem 2 valores: margin : 25px 50px; margens superior e inferior são 25px margens direita e esquerda são 50px Se a margem tem 1 valor: margin : 25px; todas as quatro margens são 25px 4
5 Banco do Brasil - TI (Escriturário) Informática Márcio Henecke Outras características media= speech usado por leitores de tela que leem a página em voz alta Para usar CSS diferentes posso usar identificação IDs # (utilizável apenas uma vez) ou Classes (utilizáveis várias vezes dentro do programa). É possível utilizar <div> para segmentar partes da página. Cada div pode ser sua própria configuração CSS. Questão discutida em aula Código HTML da questão 9 (abaixo) discutida em aula 5
6
7 Questões 1. (2013 CESGRANRIO LIQUIGÁS Profissional Júnior Análise de Sistemas) A tecnologia Cascading Style Sheet (CSS) é usada para a) viabilizar a interoperabilidade dos serviços Web. b) prover a separação entre o conteúdo e o formato de exibição de documentos HTML. c) transformar documentos XML em páginas HTML. d) viabilizar a validação remota dos dados fornecidos por usuários de aplicações Web. e) formatar os dados a serem transmitidos para um servidor Web. 2. (2018 FGV Câmara de Salvador BA Analista de Tecnologia da Informação) Analise o código HTML a seguir. <!DOCTYPE html> <html> <head> <style> </style> </head> <body> <h1>título</h1> <p>primeiro parágrafo</p> </body> </html> Para que o título seja exibido na cor azul, o código CSS inserido entre a quarta e a quinta linhas deve ser: a) font = blue for h1 b) h1:color= blue c) h1 {color:blue} d) <h1><color>blue</color></h1> e) {h1}<color:blue>{/h1} 7
8 3. (2016 CESGRANRIO IBGE Supervisor de Pesquisas Tecnologia de Informação e Comunicação) O padrão de linguagem de folhas de estilo (CSS) define a apresentação de documentos escritos em uma linguagem de marcação utilizando uma sintaxe de três partes. No estilo definido pela sintaxe body {color: green}, color é a parte que define a(o) a) chave b) fonte c) propriedade d) seletor e) valor 4. (2014 CESGRANRIO CEFET-RJ Tecnólogo Web) Para manter uma harmonia de cores com o projeto do site, um desenvolvedor Web deve trocar as cores padrão que indicam o estado do link. Em CSS, quais são os quatro estados possíveis para um link que podem ter suas propriedades modificadas? a) a:link, a:visited, a:active, a:inactive b) a:link, a:visited, a:hover, a:active c) a:unvisited, a:visited, a:hover, a:click d) a:unvisited, a:visited, a:hover, a:active e) a:visited, a:hover, a:active, a:inactive 5. (2013 CESGRANRIO IBGE Analista Análise e Desenvolvimento de Aplicações) Que linguagem foi projetada para separar o conteúdo de um documento escrito em uma linguagem de marcação, tal como HTML, dos elementos de apresentação desse documento, tais como layout, cores e fontes? a) Ajax b) Ruby c) CSS d) JSON e) JavaScript 6. (2012 CESGRANRIO LIQUIGÁS Profissional Júnior Análise de Sistemas) O CSS permite separar o conteúdo de uma página web do seu modo de apresentação, ou seja, o CSS é responsável pelo aspecto visual do documento. Já o conteúdo deve ser estruturado usando-se outra linguagem, denominada a) JavaScript b) Java c) VBScript d) XHTML e) ASP 8
9 Banco do Brasil - TI (Escriturário) Informática Márcio Henecke 7. (2010 CESGRANRIO Petrobras Analista de Sistemas Júnior Engenharia de Software) A página, cujo código html é apresentado acima, mostrará no navegador as letras A, B, C, D e E. Cada uma com uma cor de fonte, cor de fundo, e o texto poderá estar ou não sublinhado. Após análise do trecho de código, tem-se a seguinte relação entre o texto e sua apresentação: a) Texto Cor Fonte Cor Fundo Sublinhado A Padão Azul(blue) Sim b) Texto Cor Fonte Cor Fundo Sublinhado B Padão Azul(blue) Não c) Texto Cor Fonte Cor Fundo Sublinhado C Preto (black) Vermelho (red) Sim d) Texto Cor Fonte Cor Fundo Sublinhado D Preto (black) Vermelho (red) Não e) Texto Cor Fonte Cor Fundo Sublinhado E Azul (blue) Verde (green) Sim 8. (2008 CESGRANRIO Petrobras Analista de Sistemas Júnior Engenharia de Software) Analise as afirmativas a seguir, sobre CSS (Cascading Style Sheets). I Uma folha de estilo CSS é um documento XML, em conformidade com o esquema XML xsd:css mantido pelo consórcio W3C, o que constitui uma barreira inicial de adoção para organizações onde o layout e a programação visual dos sites e portais são mantidas por profissionais de criação ao invés de desenvolvedores. II O uso de folhas de estilo CSS externas, em alternativa à marcação com atributos nos tags HTML e XHTML, proporciona uma redução significativa da exigência de banda, melhorando a experiência do usuário e demandando menos recursos dos servidores do site. 9
10 III É possível especificar folhas de estilos diferentes para diferentes mídias em que a página será utilizada, o que permite, por exemplo, que uma mesma página se apresente de forma diferente quando visualizada no browser e impressa. IV O termo "Cascading", que, em Português, pode ser traduzido como "Em Cascata", reflete o fato de que, durante a aplicação de estilos a um documento, os tags que satisfazem a mais de um seletor receberão apenas os atributos de estilo do seletor especificado por último, ignorando todos os atributos de seletores anteriores. Estão corretas APENAS as afirmativas a) I e II b) I e III c) II e III d) II e IV e) III e IV 9. (2006 CESGRANRIO DNPM Técnico Administrativo Informática) O conteúdo integral de um arquivo é apresentado abaixo. A { color: white; background-color: red} P { color: green} Esse conteúdo é do tipo: a) PERL. b) JSP. c) PYTHON. d) PHP. e) CSS. 10. (2018 CESPE STM Técnico Judiciário Programação de Sistemas) Julgue o item subsequente, a respeito de programação web. A propriedade font-size controla o tamanho do texto em CSS. ( ) Certo ( ) Errado 11. (2018 CESPE STM Técnico Judiciário Programação de Sistemas) Julgue o item subsequente, a respeito de programação web. Em CSS, comentários são inseridos como na seguinte forma. /* comentário */ ( ) Certo ( ) Errado 10
11 Banco do Brasil - TI (Escriturário) Informática Márcio Henecke 12. (2018 FCC DPE-AM Assistente Técnico de Defensoria Programador) A instrução CSS3 margin: 25px 50px 75px; significa que a margem a) inferior tem 0px. b) direita e a esquerda têm 50px. c) superior tem 75px. d) direita tem 75px. e) esquerda tem 25px. 13. (2017 CESPE TRE-TO Técnico Judiciário Programação de Sistemas) Assinale a opção que apresenta uma tag utilizada pelo CSS (cascading style sheets) para definir uma correspondência entre um documento e um recurso externo. a) border b) head c) link d) style e) padding 14. (2017 FCC TST Analista Judiciário Análise de Sistemas) Uma página web responsiva é aquela que se adapta automaticamente às diferentes resoluções de tela, seja de um computador, de um dispositivo móvel, de uma TV etc. Uma das formas de se conseguir uma página responsiva é referenciando diversos arquivos CSS na página, um para cada tamanho de tela. Por exemplo, para especificar um arquivo CSS chamado config.css para dispositivos com largura da janela (resolução) até 500 pixels utiliza-se a instrução a) <@import url("estilo.css") type="@media only screen up to 500px > b) <link rel="stylesheet" type="@media only screen<=500px" href="config.css"> c) <style url("estilo.css"); </style> d) <link type="text/css" rule="max-screen:500px" href="config.css"> e) <link rel="stylesheet" media="only screen and (max-width: 500px)" href="config.css"> 15. (2017 FCC TST Técnico Judiciário Programação) Um Programador está criando uma página web e deseja utilizar uma instrução CSS3 para colocar todos os campos do tipo texto com fundo vermelho. A instrução que ele deverá utilizar é a) input('type=text'){background-color:red} b) input['text']{background-color:red} c) input{type('text') background-color:red} d) input:text{background-color:red} e) input[type=text]{background-color:red} 16. (2017 CESPE TRT 7ª Região (CE) Técnico Judiciário Tecnologia da Informação) Entre os possíveis métodos de aplicar CSS a um documento HTML, o que importa maior flexibilidade e otimização na manutenção é a aplicação 11
12 a) interna, com uso da tag <style>. b) externa, com uso de folha de estilo. c) combinada de in-line e interna. d) in-line, com uso do atributo style. 17. (2017 IBFC TJ-PE Analista Judiciário Analista de Sistemas) Ao analisar o trecho do código CSS (Cascading Style Sheets) abaixo detectou-se erros. font-family: Arial, Verdana, sans-serif: background-color: #FFF: margin: 5px 10px: Assinale, das alternativas abaixo, a única que identifica corretamente os erros detectados: a) Na declaração font-family somente pode ser declarado uma única fonte b) Não existe a declaração background-color c) Cada declaração deve ser separada por ponto e vírgula d) O código hexadecimal apresentado no código é indefinido e) Na declaração margin somente pode ser declarado um único valor 18. (2017 CESPE TRE-BA Técnico Judiciário Programação de Sistemas) Assinale a opção correta a respeito do CSS (cascading style sheets). a) O comando <CSS src= estilo.css /> indica o caminho para a obtenção do arquivo CSS. b) Em um arquivo CSS, é proibido o uso de classes e indicadores. c) Com o CSS, é possível mudar rapidamente a formatação de várias páginas HTML. d) Para a utilização de recursos CSS, deve-se criar um arquivo e referenciá-lo sempre que necessário, não sendo possível utilizar comandos CSS diretamente dentro da página HTML. e) Enquanto o HTML formata o conteúdo de uma página, o CSS descreve esse conteúdo. 19. (2017 Quadrix CFO-DF Analista de Desenvolvimento de Sistema de Informação) Com relação à interface web Ajax e à linguagem de estilos CSS, julgue o próximo item. A única forma de anexar um CSS a uma página é inserindo, dentro dela, o código CSS. ( ) Certo ( ) Errado 20. (2017 Quadrix CFO-DF Analista de Desenvolvimento de Sistema de Informação) Com relação à interface web Ajax e à linguagem de estilos CSS, julgue o próximo item. A possibilidade de realizar o agrupamento dos seletores que possuam as mesmas declarações constitui uma vantagem do CSS. ( ) Certo ( ) Errado Gabarito: 1. B 2. C 3. C 4. B 5. C 6. D 7. C 8. C 9. E 10. Certo 11. Certo 12. B 13. C 14. E 15. E 16. B 17. C 18. C 19. Errado 20. Certo 12
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
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
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
CSS (Cascading Style Sheet)
CSS (Cascading Style Sheet) André Tavares da Silva [email protected] CSS Folha de Estilo em Cascata Mecanismo simples para adicionar estilos (fontes, cores, espaçamentos, por exemplo) aos documentos
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
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
TECNOLOGIAS WEB. Unidade 3 Linguagem de Marcação e Estilo. Luiz Leão
Luiz Leão [email protected] 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
08/08/2011 TECNOLOGIAS WEB AULA 10 PROF. RAFAEL DIAS Objetivos: Revisar os princípios de CSS Blocos e Elementos Alinhados com CSS
TECNOLOGIAS WEB AULA 10 PROF. RAFAEL DIAS RIBEIRO @RIBEIRORD Objetivos: Revisar os princípios de CSS Blocos e Elementos Alinhados com CSS 1 SINTAXE: seletor{ propriedade: valor; Seletor: É o elemento HTML
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
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,
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
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
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
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
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
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
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
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
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
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,
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
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
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
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
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
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
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
PROGRAMAÇÃO EM AMBIENTE WEB I
PROGRAMAÇÃO EM AMBIENTE WEB I Prof. Esp. Fabiano Taguchi [email protected] http://fabianotaguchi.wordpress.com CSS As folhas de estilo em cascata são mecanismos usados para adicionar estilos em
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
Introdução ao CSS. Programação para a Internet. Prof. Vilson Heck Junior
Introdução ao CSS Programação para a Internet Prof. Vilson Heck Junior Estilos de Páginas CSS Cascading Style Sheets: Estilos de Página em Cascata (trad. livre); É uma linguagem de estilos Define a apresentação
CSS: Cascading Style Sheets (folhas de estilo) Pimentel, Morganna BSI - UNIRIO DPW
CSS: Cascading Style Sheets (folhas de estilo) Pimentel, Morganna BSI - UNIRIO DPW 2017.2 1 CSS: ementa Texto Fontes Links Ícones Listas Tabelas DPW 2017.2 2 / 18 CSS: text Definição Formatar o texto quanto
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,
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
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.
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 [email protected] http://fabianotaguchi.wordpress.com CSS As folhas de estilo em cascata são mecanismos usados para adicionar estilos em
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
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
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
Aula 3. Imagens. <img src="foto.jpg" />
Aula 3 Imagens Para inserir uma imagem na página utilizamos a tag
Nesta disciplina aprenderemos. HTML CSS JavaScript Jquery PHP
Introdução Nesta disciplina aprenderemos HTML CSS JavaScript Jquery PHP HTML é a abreviatura de HyperText Mark-up Language. O HTML foi inventado em 1990, por um cientista chamado Tim Berners-Lee. A finalidade
CSS Organizado e simples. Cercomp Equipe Web Nícolas Lazarte -
CSS Organizado e simples Cercomp Equipe Web Nícolas Lazarte - [email protected] CSS O nascimento Surge o HTML para troca de informações científicas; O HTML difunde-se entre grupos de não cientistas;
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
Programação para Internet
Universidade Federal de Uberlândia Faculdade de Computação Programação para Internet Curso de Sistemas de Informação Prof. Dr. Daniel A. Furtado Módulo 3 HTML com CSS 2 CSS Cascading Style Sheets É uma
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
INTRODUÇÃO AO DESENVOLVIMENTO FRONT-END COM HTML, CSS E JAVASCRIPT
v1.2 06/04/2017 INTRODUÇÃO AO DESENVOLVIMENTO FRONT-END COM HTML, CSS E JAVASCRIPT AULA 4 CSS E CONSTRUÇÃO DE LAYOUTS (PARTE 1) Eder Franco @ FPF Tech The road so far... HTML Linguagem de marcação. Estrutura
Informática Parte 23 Prof. Márcio Hunecke
Escriturário Informática Parte 23 Prof. Márcio Hunecke Informática Json (ECMA-404) JSON (JavaScript Object Notation), é um formato compacto, de padrão aberto independente, de troca de dados simples e
Este exercício será parecido com a montagem de um projeto real, onde trabalhamos com vários arquivos XHTML e um único arquivo CSS.
Este exercício será parecido com a montagem de um projeto real, onde trabalhamos com vários arquivos XHTML e um único arquivo CSS. 1) Crie uma pasta chamada com_estilo e salve dentro dela os arquivos obrigado.html
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
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
<HTML> Vinícius Roggério da Rocha
Vinícius Roggério da Rocha www.monolitonimbus.com.br O que é HTML? HTML = HyperText Markup Language ou Linguagem de Marcação de Hipertexto Linguagem: maneira de se comunicar (entre máquinas, pessoas
Curso online de. Formação em Front-End. Plano de Estudo
Curso online de Formação em Front-End Plano de Estudo Descrição do programa O Programa de Desenvolvimento Web lhe oferece conhecimentos para desenvolver habilidades necessárias para se tornar um Desenvolvedor
Introdução 1 PARTE I: A LINGUAGEM DA WEB 5
Sumário Introdução 1 PARTE I: A LINGUAGEM DA WEB 5 Capítulo 1: Introdução a HTML5 7 Criando com tags: um panorama 8 Incorporando os novos elementos de HTML5 9 Usando tags válidas de HTML4 11 Esquecendo
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
HTML: Recursos Básicos e Especiais
Linguagem de Programação para Web HTML: Recursos Básicos e Especiais Prof. Mauro Lopes 1-31 34 Objetivo Iremos aqui apresentar os recursos básicos e especiais do HTML. Serão apresentados, o uso de fontes,
Folhas de Estilo em Cascata CSS
Folhas de Estilo em Cascata CSS Estilização Efeitos Animações Micro interações Estrutura: seletor { regra: valor ; regra: valor ; regra: valor ; h1 { color: red ; background: white; padding: 15px
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
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
Programação para Internet
Universidade Federal de Uberlândia Faculdade de Computação Programação para Internet Módulo 3 HTML com CSS Prof. Dr. Daniel A. Furtado Introdução e Inserção de Código CSS 2 3 CSS Cascading Style Sheets
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
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
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 à Cascading Style Sheets
Estilo e Produtividade para Websites OVERVIEW História e Significado Por que usar? Como usar? Orientações ao Desenvolvedor O que é CSS? O que é CSS? Cascading Style sheets" ou "Folhas de Estilo Encadeadas
MODELO DE CAIXA (BOX MODEL)
Programação Web MODELO DE CAIXA (BOX MODEL) Conferencia 5 MSc. Yoenis Pantoja Zaldívar MODELO DE CAIXA (BOX MODEL) ( ) comportamento de CSS que provoca que todos os elementos incluidos numa página HTML
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
Informática Parte 24 Prof. Márcio Hunecke
Escriturário Informática Parte 24 Prof. Márcio Hunecke Informática ANGULAR.JS 1.6.X AngularJS é um framework JavaScript código aberto, mantido pelo Google, que auxilia na execução de single-page applications.
Dreamweaver CC_15x21.indd 1 06/04/ :04:22
Dreamweaver CC_15x21.indd 1 06/04/2015 11:04:22 SUMÁRIO INTRODUÇÃO... 3 CAPÍTULO 1 Iniciando e conhecendo o Dreamweaver... 8 Interfaces... 21 Criando e configurando sites... 22 CAPÍTULO 2 Criando arquivos...
CSS Folha de Estilo em Cascatas
O que é CSS? CSS é a abreviatura para Cascading Style Sheets. Folha de Estilos em Cascata. CSS é uma linguagem para estilos que define o layout de documentos HTML. Por exemplo, CSS controla fontes, cores,
Introdução ao HTML e às folhas de estilo (CSS)
MIEEC SIEM ano letivo 2013/14 Introdução ao HTML e às folhas de estilo (CSS) José A. Faria ([email protected]) FEUP, DEIG Setembro 2013 MIEEC SIEM --- 1 --- José António Faria Introdução ao protocolo HTTP
TECNOLOGIAS WEB AULA 9 PROF. RAFAEL DIAS RIBEIRO @RIBEIRORD
TECNOLOGIAS WEB AULA 9 PROF. RAFAEL DIAS RIBEIRO @RIBEIRORD Objetivos: Compreender a sintaxe utilizada em Folhas de Estilos em Cascata, seu uso e limitações. Apresentar as principais características das
Cascading Style Sheets CSS
Cascading Style Sheets CSS Sistemas de Informação André Monteiro de Oliveira Restivo E-mail: [email protected] URL: www.fe.up.pt/~arestivo/aulas/sinf André Restivo SINF 2003/2004 CSS: 1 CSS: O que
Criando estilos. Css. Cada estilo que você cria é definido como uma regra CSS. Cada regra deve-se utilizar a seguinte sintaxe:
Css CSS (Style Sheets Cascating - Folhas de Estilo em Cascata) é um estilo criado para melhorar a formatação de textos, imagens, links, tabelas, formulários e etc das suas páginas HTML. o CSS também facilita
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
Language que em tradução livre resulta em Linguagem Extensível para
6.6 XHTML: XHTML é a sigla em inglês para EXtensible HyperText Markup Language que em tradução livre resulta em Linguagem Extensível para Marcação de Hipertexto, uma aplicação XML, escrita para substituir
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
Desenvolvimento Web. Introdução Geral. Prof. Vicente Paulo de Camargo
Introdução Geral Prof. Vicente Paulo de Camargo Web e Internet A Internet é uma rede de computadores que conecta milhões de computadores Se comunicam através do protocolos específicos A Web é uma forma
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
IFSC/Florianópolis - Prof. Herval Daminelli. De fontes De textos De margens De bordas De preenchimentos (padding) De fundos (background) De links
De fontes De textos De margens De bordas De preenchimentos (padding) De fundos (background) De links Propriedades básicas para fontes: color: cor da fonte font-family: tipo de fonte font-size: tamanho
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
HTML - Definição e Conceitos
1 HTML - Definição e Conceitos HTML e uma abreviação para Hyper Text Markup Language ou Linguagem de Marcação de Hipertexto. É uma linguagem utilizada pra criação de páginas para a internet que serão "interpretadas"no
Introdução a Web. Programação para a Internet. Prof. Vilson Heck Junior
Introdução a Web Programação para a Internet Prof. Vilson Heck Junior Introdução Quer ter idéias? Quer vender algo? Talvez comprar? A Web é uma forma universal de comunicação, na qual você pode participar.
HTML: INTRODUÇÃO TAGS BÁSICAS
HTML: INTRODUÇÃO TAGS BÁSICAS CURSO TÉCNICO DE INFORMÁTICA MODALIDADE SUBSEQÜENTE DESENVOLVIMENTO WEB I PROF. ALEXANDRO DOS SANTOS SILVA 1 1 SUMÁRIO Definição Editores HTML Estrutura básica de um documento
Introdução às Folhas de Estilo
Introdução às Folhas de Estilo Folhas de Estilo Cascading Style Sheets (CSS). Separa aparência e estrutura do documento. Permite maior controle sobre a apresentação das páginas Margens Tamanho / tipo de