Bootstrap Aulas 01 e 02--[16 e 25.03.2021]
Authored by Cleone Silva
Computers
Professional Development
Used 7+ times
![Bootstrap Aulas 01 e 02--[16 e 25.03.2021]](https://cf.quizizz.com/img/studentpreview.webp)
AI Actions
Add similar questions
Adjust reading levels
Convert to real-world scenario
Translate activity
More...
Content View
Student View
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.
Access all questions and much more by creating a free account
Create resources
Host any resource
Get auto-graded reports
Continue with Google
Continue with Email
Continue with Classlink
Continue with Clever
or continue with
Microsoft
%20(1).png)
Apple
Others
Already have an account?
Similar Resources on Wayground
10 questions
2. Введение в язык программирования C++.
Quiz
•
Professional Development
10 questions
05 HTML/CSS Vertiefung
Quiz
•
Professional Development
10 questions
React-Routing
Quiz
•
Professional Development
10 questions
ILT #1 Web Basic
Quiz
•
Professional Development
10 questions
C Language Basic Quiz
Quiz
•
7th Grade - Professio...
10 questions
c program -basic
Quiz
•
Professional Development
10 questions
SQL Select 1
Quiz
•
Professional Development
10 questions
04 JavaScript Einführung
Quiz
•
Professional Development
Popular Resources on Wayground
15 questions
Fractions on a Number Line
Quiz
•
3rd Grade
10 questions
Probability Practice
Quiz
•
4th Grade
15 questions
Probability on Number LIne
Quiz
•
4th Grade
20 questions
Equivalent Fractions
Quiz
•
3rd Grade
25 questions
Multiplication Facts
Quiz
•
5th Grade
22 questions
fractions
Quiz
•
3rd Grade
6 questions
Appropriate Chromebook Usage
Lesson
•
7th Grade
10 questions
Greek Bases tele and phon
Quiz
•
6th - 8th Grade
Discover more resources for Computers
20 questions
Black History Month Trivia Game #1
Quiz
•
Professional Development
20 questions
90s Cartoons
Quiz
•
Professional Development
12 questions
Mardi Gras Trivia
Quiz
•
Professional Development
7 questions
Copy of G5_U5_L14_22-23
Lesson
•
KG - Professional Dev...
12 questions
Unit 5: Puerto Rico W1
Quiz
•
Professional Development
42 questions
LOTE_SPN2 5WEEK2 Day 4 We They Actividad 3
Quiz
•
Professional Development
15 questions
Balance Equations Hangers
Quiz
•
Professional Development
31 questions
Servsafe Food Manager Practice Test 2021- Part 1
Quiz
•
9th Grade - Professio...