diff --git a/files/pt-br/web/css/@font-face/index.md b/files/pt-br/web/css/@font-face/index.md index 1f65366a0b0148..b760c303b0c664 100644 --- a/files/pt-br/web/css/@font-face/index.md +++ b/files/pt-br/web/css/@font-face/index.md @@ -69,23 +69,17 @@ Este exemplo simplesmente especifica uma fonte para download a ser usada, aplica [Veja este exemplo](https://mdn.mozillademos.org/files/7775/webfont-sample.html) -```html - - - Web Font Sample - - - - This is Bitstream Vera Serif Bold. - - +```html +

This is Bitstream Vera Serif Bold.

``` Neste exemplo, a cópia local do usuário "Helvetica Neue Bold" é usada; se o usuário não tiver essa fonte instalada (dois nomes diferentes são tentados), a fonte para download denominada "MgOpenModernaBold.ttf" será usada: diff --git a/files/pt-br/web/css/_colon_checked/index.md b/files/pt-br/web/css/_colon_checked/index.md index 34de87865a7f3d..328b5b1bcbf813 100644 --- a/files/pt-br/web/css/_colon_checked/index.md +++ b/files/pt-br/web/css/_colon_checked/index.md @@ -71,13 +71,7 @@ option:checked { A pseudo-classe `:checked `aplicada em checkboxes escondidos, adicionado ao início de sua página pode ser aplicada de forma a armazenar algum booleano dinâmico para ser usado por uma regra CSS. O exemplo a seguir mostra como exibir/esconder um elemento expansível com um simples clique em um botão ([download esse demo](/@api/deki/files/6246/=expandable-elements.html "Expandable elements through the :checked pseudoclass")). -```html - - - - -Elementos expansíveis - - - +``` +```html

Elementos expansíveis

diff --git a/files/pt-br/web/css/_colon_visited/index.md b/files/pt-br/web/css/_colon_visited/index.md index 91f3bf759b50b9..aedca51dc70fc2 100644 --- a/files/pt-br/web/css/_colon_visited/index.md +++ b/files/pt-br/web/css/_colon_visited/index.md @@ -45,26 +45,14 @@ Por razões de privacidade, navegadores limitam estritamente quais estilos você ## Syntaxe -``` - - - - Exemplo de uso do seletor :visited - - - - Você já visitou este link?
- Você já visitou este link. - - +```css +a { + background-color: white; + border: 1px solid white; } +a:visited { + background-color: lightblue; + border-color: cyan; + color: darkblue; } ``` ## Exemplo diff --git a/files/pt-br/web/css/box-ordinal-group/index.md b/files/pt-br/web/css/box-ordinal-group/index.md index bbf3bd2ab60b1f..b10ec9b32ec1ee 100644 --- a/files/pt-br/web/css/box-ordinal-group/index.md +++ b/files/pt-br/web/css/box-ordinal-group/index.md @@ -19,40 +19,40 @@ Os valores devem ser inteiros maiores que zero. O valor padrão para essa propri ## Exemplos -```html - +```css +#Flexbox { + display: -ms-box; + display: -moz-box; + display: -webkit-box; +} + +#text1 { + background: red; + -ms-box-ordinal-group: 4; + -moz-box-ordinal-group: 4; + -webkit-box-ordinal-group: 4; +} + +#text2 { + background: green; + -ms-box-ordinal-group: 3; + -moz-box-ordinal-group: 3; + -webkit-box-ordinal-group: 3; +} + +#text3 { + background: blue; + -ms-box-ordinal-group: 2; + -moz-box-ordinal-group: 2; + -webkit-box-ordinal-group: 2; +} + +#text4 { + background: orange; +} +``` +```html
text 1
text 2
diff --git a/files/pt-br/web/css/float/index.md b/files/pt-br/web/css/float/index.md index 45e2f9a4df3cd5..15cb51ed90f11e 100644 --- a/files/pt-br/web/css/float/index.md +++ b/files/pt-br/web/css/float/index.md @@ -70,14 +70,15 @@ float: unset; ## Exemplos +### CSS + +```css +div { border: solid red; max-width: 70ex; } +h4 { float: left; margin: 0; } +``` ### HTML ```html - -

HELLO!

This is some text. This is some text. This is some text. diff --git a/files/pt-br/web/css/media_queries/using_media_queries/index.md b/files/pt-br/web/css/media_queries/using_media_queries/index.md index f453cd9e0f604f..d43e6e38759739 100644 --- a/files/pt-br/web/css/media_queries/using_media_queries/index.md +++ b/files/pt-br/web/css/media_queries/using_media_queries/index.md @@ -17,10 +17,10 @@ _Media queries_ consistem de um _[media type](en-US/docs/Web/CSS/@media)_ e pode ```html +``` +```css - - ``` Quando uma _media query_ é verdadeira, a camada de estilo ou as regras de estilos correspondentes são aplicadas, seguindo o padrão de regras de cascatas. Camadas de estilos com _media queries_ ligadas a tag \ [vão fazer download](http://scottjehl.github.com/CSS-Download-Tests/) mesmo se suas _medias queries_ retornarem falso (eles não se aplicam, no entanto). diff --git a/files/pt-br/web/css/visual_formatting_model/index.md b/files/pt-br/web/css/visual_formatting_model/index.md index 90bf8f39e024f6..8101f2e9df8d1a 100644 --- a/files/pt-br/web/css/visual_formatting_model/index.md +++ b/files/pt-br/web/css/visual_formatting_model/index.md @@ -108,23 +108,26 @@ Inline-level elements generate _inline-level boxes_ that are defined as boxes pa > **Note:** Initially, atomic inline-level boxes were called atomic inline boxes. This was unfortunate, as they are **not** inline boxes. This was corrected in an erratum to the spec. Nevertheless, you can harmlessly read atomic inline-level box each time you meet atomic inline box in the literature, as this is only a name change. -> **Note:** Atomic inline boxes cannot be split into several lines in an inline formatting context.``` +> **Note:** Atomic inline boxes cannot be split into several lines in an inline formatting context. > -> +> ``` +> ```html >
> The text in the span can be split in several > lines as it is an inline box. >
-> ```which leads to:The text in the span can be split into several lines as it is an inline box.``` -> +> ``` +> ```html >
> The text in the span cannot be split in several > lines as it is an inline-block box.