![Bootstrap Aulas 01 e 02--[16 e 25.03.2021]](https://cf.quizizz.com/image/image-loader.svg)
Bootstrap Aulas 01 e 02--[16 e 25.03.2021]
Professional Development
•5 Qs
Similar activities
Основи HTML
10th Grade - Professional Development
•9 Qs
Quiz jueves 20 de abril
Professional Development
•9 Qs
HTML
Professional Development
•9 Qs
CSS and JQuery
Professional Development
•9 Qs
HTML
Professional Development
•10 Qs
ASAP - Bootstrap
Professional Development
•6 Qs
Web Programming Lesson 1
Professional Development
•10 Qs
Structure une page web
3rd Grade - Professional Development
•4 Qs
![Bootstrap Aulas 01 e 02--[16 e 25.03.2021]](https://cf.quizizz.com/img/wayground/activity/activity-square.jpg?w=200&h=200)
Bootstrap Aulas 01 e 02--[16 e 25.03.2021]
Quiz
•
Computers
•
Professional Development
•
Medium
Cleone Silva
Used 7+ times
FREE Resource
5 questions
Show all answers
1.
MULTIPLE CHOICE QUESTION
30 sec • 1 pt
Ana está começando a trabalhar com o Bootstrap agora e quer desenvolver uma página simples para testar funcionalidades. Para utilizar o Bootstrap, ela escolheu a instalação via CDN. Assinale a alternativa que explique porque essa é uma boa opção:
É rápido e prático, pois não requer download de nenhum arquivo, apenas incluir os endereços no código.
A versão do Bootstrap utilizada via CDN é a mais completa.
A versão do Bootstrap utilizada via CDN é a mais compatível entre os navegadores.
2.
MULTIPLE CHOICE QUESTION
30 sec • 1 pt
Você está utilizando Bootstrap no desenvolvimento de um site. A escolha de layout do cliente pede uma imagem de plano de fundo, funcionalidade que o Bootstrap não tem, então temos que implementar utilizando o CSS. A melhor forma de trabalhar nesse caso é:
Nesse caso, o melhor a fazer é trabalhar com o arquivo bootstrap.css localmente, para que qualquer outro código CSS possa ser incluído diretamente nesse arquivo. Assim, com menos arquivos CSS, o carregamento da página é mais rápido.
Criar nosso próprio arquivo .css e redeclarar nele uma classe já existente no Bootstrap (.bg-primary, por exemplo), para que sobrescreva a classe original com as nossas instruções
Certa: Criar nosso próprio arquivo .css, declarar nele as propriedades da imagem e "chamar" através de um seletor semântico - ou seja, damos ao seletor (normalmente uma classe) um nome facilmente identificável.
3.
MULTIPLE SELECT QUESTION
45 sec • 1 pt
Calebe está começando agora a fazer seus próprios projetos em HTML / CSS / JavaScript, e precisa decidir onde e de que forma utilizar class e id em cada elemento que será criado. Uma boa forma de definir cada uso seria:
Por ser muito específico, id é um atributo melhor utilizado como "anzol" para o JavaScript, enquanto class é melhor para adicionar estilos com CSS.
O valor do atributo id deve ser único para cada elemento, enquanto o valor de class pode se repetir, servindo para identificar grupos de elementos que compartilham as mesmas características (mesma formatação ou mesmo tipo de elemento, por exemplo).
Deve-se utilizar id sempre que possível pois, sendo único, faz com que o estilo seja aplicado mais rápido. Atributos class só devem ser utilizados quando não é possível usar id.
4.
MULTIPLE CHOICE QUESTION
30 sec • 1 pt
Cecília está implementando a interface de um sistema e gostaria de utilizar o Bootstrap para padronizar a maior quantidade possível de elementos, inclusive as distâncias de margin e padding. Se ele quiser dar valores diferentes para cada lado da margem (top, bottom, left e right) e valores diferentes na horizontal e na vertical do padding, o código ficaria da seguinte forma:
<div class="m-1-2-3-4 p-2-4">
conteúdo interno
</div>
<div class="mt-1 mb-2 ml-3 mr-4 px-2 py-4">
conteúdo interno
</div>
<div class="margin-top-1 margin-bottom-2 margin-left-3 margin-right-4 padding-x-2 padding-y-4">
conteúdo interno
</div>
5.
MULTIPLE CHOICE QUESTION
30 sec • 1 pt
Isadora estava pesquisando sobre como adicionar estilos ao HTML e se deparou com o seguinte código:
<div class="item" style="width: 50px;">
Pareceu uma forma muito prática de adicionar estilos em tags, então ela aplicou em seu código:
<body>
<div class="secao" style="width: 50px;">
<div class="card-interno" style="width: 20px;">
<p class="texto" style="color: blue;">Bom dia!</p>
</div>
</div>
</body>
Se nós fôssemos fazer o code review (revisão de código) de Isadora, nosso feedback seria:
O código funcionaria e ela utilizou a forma mais correta de declararmos propriedades CSS em nossos projetos.
O código não funcionaria, pois para o CSS funcionar é preciso importar antes uma biblioteca específica e chamá-la no HTML através da tag <link rel="stylesheet" type="text/css" href="style.css">. Tirando isso, está normal.
O código funcionaria, porém não é indicado declarar estilos dessa forma.
Similar Resources on Wayground
9 questions
CSS and JQuery
Quiz
•
Professional Development
9 questions
HTML
Quiz
•
Professional Development
9 questions
Diseño Web 1 - DTF - Repaso 01
Quiz
•
Professional Development
10 questions
Module 2- WAF
Quiz
•
Professional Development
5 questions
React Native - Intro
Quiz
•
Professional Development
10 questions
Flutter_Q5
Quiz
•
Professional Development
7 questions
Máster SAPUI5 - Clase #1
Quiz
•
Professional Development
10 questions
edX Vanderbilt - Day 1 Review
Quiz
•
Professional Development
Popular Resources on Wayground
10 questions
Lab Safety Procedures and Guidelines
Interactive video
•
6th - 10th Grade
10 questions
Nouns, nouns, nouns
Quiz
•
3rd Grade
10 questions
Appointment Passes Review
Quiz
•
6th - 8th Grade
25 questions
Multiplication Facts
Quiz
•
5th Grade
11 questions
All about me
Quiz
•
Professional Development
22 questions
Adding Integers
Quiz
•
6th Grade
15 questions
Subtracting Integers
Quiz
•
7th Grade
20 questions
Grammar Review
Quiz
•
6th - 9th Grade
Discover more resources for Computers
11 questions
All about me
Quiz
•
Professional Development
10 questions
How to Email your Teacher
Quiz
•
Professional Development
5 questions
Setting goals for the year
Quiz
•
Professional Development
14 questions
2019 Logos
Quiz
•
Professional Development
6 questions
GUM Chart Scavenger Hunt
Quiz
•
Professional Development
8 questions
Understanding Government: Limited and Unlimited
Quiz
•
Professional Development
20 questions
tape measure
Quiz
•
Professional Development
24 questions
Street Signs
Quiz
•
9th Grade - Professio...