Crie sua conta grátis para liberar esse material. 🤩
Já tem uma conta?
Ao continuar, você aceita os Termos de Uso e Política de Privacidade
Crie sua conta grátis para liberar esse material. 🤩
Já tem uma conta?
Ao continuar, você aceita os Termos de Uso e Política de Privacidade
Crie sua conta grátis para liberar esse material. 🤩
Já tem uma conta?
Ao continuar, você aceita os Termos de Uso e Política de Privacidade
Crie sua conta grátis para liberar esse material. 🤩
Já tem uma conta?
Ao continuar, você aceita os Termos de Uso e Política de Privacidade
Crie sua conta grátis para liberar esse material. 🤩
Já tem uma conta?
Ao continuar, você aceita os Termos de Uso e Política de Privacidade
Crie sua conta grátis para liberar esse material. 🤩
Já tem uma conta?
Ao continuar, você aceita os Termos de Uso e Política de Privacidade
Crie sua conta grátis para liberar esse material. 🤩
Já tem uma conta?
Ao continuar, você aceita os Termos de Uso e Política de Privacidade
Crie sua conta grátis para liberar esse material. 🤩
Já tem uma conta?
Ao continuar, você aceita os Termos de Uso e Política de Privacidade
Prévia do material em texto
<p>o que é? Class Id CSS Classes de Onde mora CSS? Cascading Style Sheets (Folho de Estilos em Cascata) Um Inline: Estilo especificidade ID's Classes, Atributos, Elementos, Menor especificidade</p><p>CSS 3 É a abreviação de Cascading Style Sheets (Folha de Estilos em Cascata)</p><p>Monitoria de Práticas de Programação JS Monitoria de Práticas de Programação CSS o que é? Bem-vind@ à monitoria!!! Bem-vind@ à É uma linguagem de estilo utilizada para definir a apresentação/estilo de documentos escritos em uma linguagem de marcação, como HTML ou XML. + CSS Exemplo Página com Estilização Página sem Estilização (html + CSS) (somente html) Prédio com estilo arquitetônico Estrutura de um prédio</p><p>Interno Inline Externo Vou ter que morar na casa dos Inquilino outros! "casa html" "casa html" < arquivo.html > < arquivo. html > interno inline CSS inline é usado para dar estilo a um elemento HTML específico. CSS interno ou Exemplo Exemplo Para este estilo de CSS, você incorporado requer que você somente vai precisar adicionar adicione a tags <style> na seção <head> do seu atributo style para cada tag documento sem usar os index.html index.html 2 : is de J 10 11 h: 12 12 color gold 12 for 13 14 direction 13 14 15 17 17 19 18 19 18 21 28 weight de 22 23 22 style 23 sing 23 25 24 26 25 is 20 to 27 29 27 28 ) 3 : 3: 33</p><p>Inline Externo Eu tenho a minha Proprietário própria casa! "casa css" < arquivo.css > externo Com o CSS externo, você vai "linkar" Exemplo um arquivo.css externo dentro do arquivo.html. Ao editar um você pode modificar um site inteiro de uma só vez. styles.css 1 body 2 3 1 4 gold: 2 is 5 display 3 column a: 5 a 6 <title>Mapa Mental de CSS</title> 7 <link a </head> 18 9 11 10 cheader> 12 11 de de 1 12 14 13 15 rain 14 is 16 15 17 display flex: 16 18 17 </body> </html> de 28 21 ex: flex-direction: 22 height 23 24 25</p><p>Sintaxe CSS Seletor (neste caso, o seletor é o elemento (tag) h1 do html) h1 { Declaração Declaração color: blue; font-size: 12px; Valor Valor Propriedade Propriedade : o sinal de 'dois pontos' separa a propriedade e o valor ; o sinal de 'ponto e vírgula' é um terminador de instrução Obs.: Para cada seletor (tag, class ou id), as { propriedades e valores ficam "cercados" entre chaves }</p><p>class="predio azul" class="predio cinza" Id's são únicos! id="a_105" Cada elemento pode ter apenas um ID; id="a_104" id="b_104" Cada página pode ter apenas um elemento com aquele ID Símbolo: # (hashtag, 'jogo-da-velha') id="a_103" id="b_103" id="a_102" id="b_102" id="a_101" id="b_101" Classes não são únicas! Você pode usar a mesma class para vários elementos; Você pode usar várias classes para um mesmo elemento. Símbolo: (ponto) Imagine 1 condominio { 2 background-color: 3 } Um condomínio de prédios 4 Temos uma lass="condominio" 5 predio { Cada prédio é uma class (class="predio azul" e class="predio cinza"). 6 border: 1px solid rebeccapurple; Obs.: Reparem que, no nome das classes dos prédios, têm duas 7 } palavras: predio e azul/cinza. 8 que isso significa? Lembram que as classes não são únicas, que podemos utilizar várias classes para um mesmo elemento? Por terem essa 9 .azul { característica, conseguimos colocar mais de um nome/palavra por class. 10 background-color: blue; Temos dois prédios, com muitas características semelhantes 11 } (número de andares, etc). Utilizamos, para isso, uma class com o nome 12 "predio". Mas, para diferenciar um prédio do outro na questão de cor, por 13 .cinza { exemplo, acrescentamos o nome "azul" num prédio e "cinza" no outro. Para termos várias classes dentro de um mesmo elemento (prédio), 14 background-color: gray; basta separar os nomes utilzando um espaço entre os nomes/palavras. 15 } 16 17 /* alguns id's de apartamentos */ Cada apartamento, em cada prédio, possui um identificador único, que é 18 #a_101 { o número do apartamento (seria o "id"). 19 monospace; Como o id é único, não é possível colocar mais de um nome/palavra 20 }</p><p>Hierarquia 1) Estilo Inline: pouco usado Estilo Maior especificidade 2) Pseudo-classe: é uma palavra-chave adicionada a seletores que especifica um estado especial do elemento selecionado. ID's Ex.: hover (ao passar o cursor em cima de um botão, algum evento acontece (mudar a cor, por exemplo) Classes, Atributos, 3) Pseudo-elemento: é uma palavra-chave adicionada a um seletor que permite que você estilize uma parte específica do elemento Elementos, selecionado. Menor Ex.: first-line (aplica algum estilo somente na especificidade primeira linha de um parágrafo) p::first-line</p>Mais conteúdos dessa disciplina
O Ambiente Web Cliente X Servidor e as Tecnologias- Trabalho_2_Tecnologia (2)
- Hotmail Accounts An Introduction
- The Importance of Gmail Accounts in 2025
- Buy Yahoo Account An Overview
- Gmail Account An Introduction (1)
- 1K Gmail Account Ready For Sells_ A Complete Overview
- Revisão Prova Grau B
- Associe corretamente as propriedades de estilo em CSS com suas descrições: Considere as seguintes propriedades de estilo em CSS: 1. background-c...
- No que se refere a enquadramentos, Detalhe (Cut Up) ou Extreme Close Up (ECU) mostra: Detalhes de uma região da face ou de um objeto. Detalhes dos pés
- De acordo com as especificações técnicas, por meio da retificação, a rugosidade mínima que conseguimos alcançar é Rt: 2,5µ. Na maioria das vezes, para
- Assinale a alternativa que exemplifica uma atração turística do Rio de Janeiro: a ) HTML image 10 b ) HTML image 11 c ) HTML image 12 d ) HTML image 1
- A linguagem HTML é composta por diversas tags que definem diferentes componentes como tabelas, campos de formulário e imagens. Algumas das tags de ...
- Referente à Informatização do Processo Judicial, podemos afirmar que: Documento Anônimo: Relaciona-se a um documento que possui a indicação do nome de
- Referente à Informatização do Processo Judicial, podemos afirmar que: Documento Anônimo: Relaciona-se a um documento que possui a indicação do nome de
- COLOQUEI 03 SOQUETES DE LAMPADA NA MESMA LINHA DE FIAÇÃO, SOMENTE A ULTIMA LIGA... O QUE PODE SER?
- Sobre a história da Exclusão no mundo, leia as afirmativas abaixo e assinale a alternativa correta: - Antes e durante a Idade Média a exclusão seguida
- Resolva a equação para x e assinale a alternativa com a resposta correta: 2x2−1=1 Questão 13Escolha uma opção: a. x=0 b. x=−1 c. x=±2 d. x=1 e. x=±1
- 20. Segundo as normas que regulamentam os procedimentos de trâmites processuais no âmbito da CLT, analise as sentenças a seguir e, em seguida, assinal
- O desenvolvimento de APIs RESTful com FastAPI, é comum que OS analistas precisem criar rotas que aceitem parâmetros dinâmicos. Esses parâmetros são es
- Atividades como as brincadeiras, além de construírem a corporeidade na criança, desenvolvem os aspectos inter-relacionais e também auxiliam na solu...
- Matemática Computacional Prática 1
- (10 PROVAS) AV 2018 - FUNDAMENTOS DE SISTEMAS DE INFORMAÇÃO