Remove style tags

mdn · Sep 12, 2022 · ac9a095 · ac9a095
1 parent 84af309
commit ac9a095
Show file tree

Hide file tree

Showing 7 changed files with 71 additions and 93 deletions.
diff --git 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
-<html>
-<head>
-  <title>Web Font Sample</title>
-  <style type="text/css" media="screen, print">
-    @font-face {
-      font-family: "Bitstream Vera Serif Bold";
-      src: url("https://mdn.mozillademos.org/files/2468/VeraSeBd.ttf");
-    }
+```css
+@font-face {
+  font-family: "Bitstream Vera Serif Bold";
+  src: url("https://mdn.mozillademos.org/files/2468/VeraSeBd.ttf");
+}
+
+p { font-family: "Bitstream Vera Serif Bold", serif }
+```
 
-    body { font-family: "Bitstream Vera Serif Bold", serif }
-  </style>
-</head>
-<body>
-  This is Bitstream Vera Serif Bold.
-</body>
-</html>
+```html
+<p>This is Bitstream Vera Serif Bold.</p>
 ```
 
 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
@@ -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
-<!doctype html>
-<html>
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-<title>Elementos expansíveis</title>
-<style type="text/css">
+```css
 #expand-btn {
     margin: 0 3px;
     display: inline-block;
@@ -116,10 +110,9 @@ ser aplicada de forma a armazenar algum booleano dinâmico para ser usado por um
     display: block;
     background: #cccccc;
 }
-</style>
-</head>
-<body>
+```
 
+```html
 <input type="checkbox" id="isexpanded" />
 
 <h1>Elementos expansíveis</h1>

diff --git 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
 
-```
-<!DOCTYPE html>
-<html>
-<head>
-    <title>Exemplo de uso do seletor :visited</title>
-    <style type="text/css">
-        a {
-            background-color: white;
-            border: 1px solid white; }
-        a:visited {
-            background-color: lightblue;
-            border-color: cyan;
-            color: darkblue; }
-    </style>
-</head>
-<body>
-    <a href="">Você já visitou este link?</a><br>
-    <a href="">Você já visitou este link.</a>
-</body>
-</html>
+```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
@@ -19,40 +19,40 @@ Os valores devem ser inteiros maiores que zero. O valor padrão para essa propri
 
 ## Exemplos
 
-```html
-<style type="text/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;
-  }
-</style>
+```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
 <div id="Flexbox">
   <div id="text1">text 1</div>
   <div id="text2">text 2</div>

diff --git 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
-<style type="text/css">
-  div { border: solid red;  max-width: 70ex; }
-  h4  { float: left;  margin: 0; }
-</style>
-
 <div>
   <h4>HELLO!</h4>
   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
@@ -17,18 +17,17 @@ _Media queries_ consistem de um _[media type](en-US/docs/Web/CSS/@media)_ e pode
 ```html
 <!-- CSS media query em um elemento de link -->
 <link rel="stylesheet" media="(max-width: 800px)" href="example.css" />
+```
 
+```css
 <!-- CSS media query dentro de um stylesheet -->
-
-<style>
 @media (max-width: 600px)
 {
   .facet_sidebar
    {
     display: none;
    }
 }
-</style>
 ```
 
 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 \<link> [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
@@ -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.
 >
-> <style>
+> ```css
 >   span {
 >     display:inline; /* default value*/
 >   }
-> </style>
+> ```
+> ```html
 > <div style="width:20em;">
 >    The text in the span <span>can be split in several
 >    lines as it</span> is an inline box.
 > </div>
-> ```which leads to:The text in the span can be split into several lines as it is an inline box.```
-> <style>
+> ```which leads to:The text in the span can be split into several lines as it is an inline box.
+>
+> ```css
 >   span {
 >     display:inline-block;
 >   }
-> </style>
+> ```
+> ```html
 > <div style="width:20em;">
 >    The text in the span <span>cannot be split in several
 >    lines as it</span> is an inline-block box.