blob: 1ef8079c98a6b70e572d9a939eea239f66ea6a1d (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
|
---
title: Bloco (block) - CSS
slug: Glossary/Block/CSS
tags:
- CSS
- Design
- Glossário
- HTML
translation_of: Glossary/Block/CSS
---
<p><strong>Block</strong> (bloco<strong>)</strong> em uma página web é um {{glossary("elemento")}} {{glossary("HTML")}} que aparece em uma nova linha, Isto é, abaixo do elemento precedente em um modo de escrita horizontal e acima do elemento seguinte (comumente conhecido como um elemento de nível de bloco - <em>block-level element</em>). Por exemplo, {{htmlelement ("p")}} é por padrão um elemento em nível de bloco, enquanto {{htmlelement ("a")}} é um elemento <em>inline</em> (você pode colocar vários links próximos uns dos outros em seu HTML e eles ficarão na mesma linha como qualquer outro na saída renderizada).</p>
<p>Usando a propriedade {{cssxref ("display")}} você pode alterar a forma como um elemento é exibido, como <em>inline</em> ou como <strong>block</strong> (bloco) (entre muitas outras opções); <strong>blocks</strong> (blocos) também estão sujeitos aos efeitos de esquemas de posicionamento e uso da propriedade {{cssxref ("position")}}.</p>
<p> </p>
<h2 id="Saiba_mais">Saiba mais</h2>
<h3 id="Conhecimento_geral">Conhecimento geral</h3>
<ul>
<li><a href="/en-US/docs/Web/Guide/CSS/Visual_formatting_model">Modelo de formatação visual</a></li>
</ul>
<div>{{QuickLinksWithSubpages("/en-US/docs/Glossary")}}</div>
|
