1. [Get Rid of Margin Hacks With Flexbox](#get-rid-of-margin-hacks-with-flexbox)

1. [Use Attribute Selectors with Empty Links](#use-attribute-selectors-with-empty-links)

1. [Style "Default" Links](#style-default-links)

1. [Intrinsic Ratio Boxes](#intrinsic-ratio-boxes)

1. [Style Broken Images](#style-broken-images)

1. [Use `rem` for Global Sizing; Use `em` for Local Sizing](#use-rem-for-global-sizing-use-em-for-local-sizing)

^{[back to table of contents](#table-of-contents)}

To create a box with an intrinsic ratio, all you need to do is apply top or bottom padding to a div:

1. [Benutze Flexbox, um von Margin-Hacks wegzukommen](#benutze-flexbox-um-von-margin-hacks-wegzukommen)

1. [Benutze den Attribut-Selektor mit leeren Verlinkungen](#benutze-den-attribut-selektor-mit-leeren-verlinkungen)

1. [Gestalte "Standard"-Verlinkungen](#gestalte-standard-verlinkungen)

1. [Boxen mit zugehörigem Größenverhältnis](#boxen-mit-zugehörigem-größenverhältnis)

1. [Gestalte defekte Bilder](#gestalte-defekte-bilder)

1. [Benutze `rem` für globales Ändern der Größe; Benutze `em` für lokale Größenveränderungen](#benutze-rem-für-globales-Ändern-der-größe-benutze-em-für-lokale-größenveränderungen)

^{[zurück zum Inhaltsverzeichnis](#inhaltsverzeichnis)}

Um eine Box mit zugehörigem Größenverhältnis zu erstellen, brauchst du nur eine Padding-top/-bottom-Eigenschaft zu bezeichnen:

1. [Se Débarrasser des Hacks de Marge Avec Flexbox](#se-débarrasser-des-hacks-de-marge-avec-flexbox)

1. [Utiliser des Sélecteurs d'Attribut avec des Liens Vides](#utiliser-des-sélecteurs-dattribut-avec-des-liens-vides)

1. [Style "Par Défaut" des Liens](#style-par-défaut-des-liens)

1. [Ratio de Boîtes Intrinsèque](#ratio-de-boîtes-intrinsèque)

1. [Styliser des Images Cassées](#styliser-des-images-cassées)

1. [Utilisez `rem` pour le Dimensionnement Global; Utilisez `em` pour le Dimensionnement Local](#utilisez-rem-pour-le-dimensionnement-global-utilisez-em-pour-le-dimensionnement-local)

^{[retour à la table des matières](#table-des-matières)}

Pour créer une boîte avec une proportion intrinsèque, tout ce que vous devez faire est d'appliquer une zone de remplissage en haut ou en bas de à un div :

1. [Απέβαλλε τα Hacks των Περιθωρίων Με Flexbox](#απέβαλλε-τα-hacks-των-περιθωρίων-με-flexbox)

1. [Χρήση Επιλογής Χαρακτηριστικών με Κένα Links](#χρήση-επιλογής-χαρακτηριστικών-με-κένα-links)

1. [Δώσε στυλ στα "Προκαθορισμένα" Links](#δώσε-στυλ-στα-προκαθορισμένα-links)

1. [Εσωτερικά Κουτία Αναλογιών](#εσωτερικά-κουτία-αναλογιών)

1. [Εικόνες με Χαλασμένο Στυλ](#εικόνες-με-χαλασμένο-στυλ)

1. [Χρήση `rem` για Προσαρμογή Μεγέθους Παντού; Χρήση `em` για Τοπική Προσαρμογή Μεγέθους](#χρήση-rem-για-προσαρμογή-μεγέθους-παντού-χρήση-em-για-τοπική-προσαρμογή-μεγέθους)

^{[πίσω στον πίνακα περιεχομένων](#πίνακας-περιεχομένων)}

Για να φτιάξετε ενα κουτί με εσωτερική αναλογία, το μόνο που πρέπει να κάνετε είναι να εφαρμόσετε ενα top η bottom γέμισμα σε ένα div:

1. [છુટકારો મેળવવા માર્જિન હેક્સ સાથે Flexbox](#છુટકારો-મેળવવા-માર્જિન-હેક્સ-સાથે-flexbox)

1. [વાપરવ એટ્રીબ્યુટ પસંદગીકારો સાથે ખાલી કડીઓ](#વાપરવ-એટ્રીબ્યુટ-પસંદગીકારો-સાથે-ખાલી-કડીઓ)

1. [પ્રકાર "Default" કડીઓ](#પ્રકાર-default-કડીઓ)

1. [આંતરિક ગુણોત્તર બૉક્સીસ](#આંતરિક-ગુણોત્તર-બૉક્સીસ)

1. [પ્રકાર તૂટેલી છબીઓ](#પ્રકાર-તૂટેલી-છબીઓ)

1. [વાપરવ `rem` માટે વૈશ્વિક કદ બદલવાનું; વાપરવ `em` માટે સ્થાનિક કદ બદલવાનું](#વાપરવ-rem-માટે-વૈશ્વિક-કદ-બદલવાનું-વાપરવ-em-માટે-સ્થાનિક-કદ-બદલવાનું)

^{[સામગ્રીઓના કોષ્ટકમાં પાછા](#પ્રોપ્સ)}

સ્વભાવિક રેશિયો સાથે બૉક્સ બનાવવા માટે, તમારે ફક્ત ટોચ અથવા તળિયે ગાદીને DIV પર લાગુ કરવાની જરૂર છે:

1. [फ्लैक्सबॉक्स के साथ मार्जिन हैक्स से छुटकारा पाएं](#फ्लैक्सबॉक्स-के-साथ-मार्जिन-हैक्स-से-छुटकारा-पाएं)

1. [खाली लिंक्स के साथ ऐट्रिब्यूट सिलेक्टर्स का उपयोग करें](#खाली-लिंक्स-के-साथ-ऐट्रिब्यूट-सिलेक्टर्स-का-उपयोग-करें)

1. ["डिफॉल्ट" लिंक्स को स्टाइल दें](#डिफॉल्ट-लिंक्स-को-स्टाइल-दें)

1. [आंतरिक अनुपात बक्से](#आंतरिक-अनुपात-बक्से)

1. [खंडित तस्वीरों को स्टाइल दें](#खंडित-तस्वीरों-को-स्टाइल-दें)

1. [ग्लोबल साइजिंग के लिए `rem` का उपयोग करें; लोकल साइजिंग के लिए `em` का उपयोग करें](#ग्लोबल-साइजिंग-के-लिए-rem-का-उपयोग-करें-लोकल-साइजिंग-के-लिए-em-का-उपयोग-करें)

^{[विषय सूची पर वापस जाएं](#विषय-सूची)}

आंतरिक अनुपात से बक्सा बनाने के लिए सिर्फ ऊपर और नीचे की पेडिंग div में लगाएं :

1. [Sbarazzati degli hack sui margini grazie a Flexbox](#sbarazzati-degli-hack-sui-margini-grazie-a-flexbox)

1. [Usa il selettore d'attributo con i link senza testo](#usa-il-selettore-d'attributo-con-i-link-senza-testo)

1. [Styling dei link di "Default"](#styling-dei-link-di-"default")

1. [Box con proporzioni intrinseche](#box-con-proporzioni-intrinseche)

1. [Styling delle immagini non scaricate](#styling-delle-immagini-non-scaricate)

1. [Usa `rem` per le grandezze globali; usa `em` per le dimensioni locali](#usa-rem-per-le-grandezze-globali;-usa-em-per-le-dimensioni-locali)

^{[torna al sommario](#sommario)}

Per creare un contenitore con proporzioni intrinseche tutto ciò che devi fare è applicare a un div del `padding` superiore o inferiore:

1. [Flexboxのマージンハックを取り除く](#get-rid-of-margin-hacks-with-flexbox)

1. [リンクにテキストが無い時はURLを表示](#use-attribute-selectors-with-empty-links)

1. [デフォルトのリンクをスタイル](#style-default-links)

1. [内在比率のボックス](#intrinsic-ratio-boxes)

1. [リンク切れの画像要素をスタイル](#style-broken-images)

1. [グローバルのサイズ指定に「rem」、ローカルに「em」を使用](#use-rem-for-global-sizing-use-em-for-local-sizing)

^{[目次へ戻る](#table-of-contents)}

<div id="intrinsic-ratio-boxes"></div>

1. [Flexbox의 Margin Hack 제거](#get-rid-of-margin-hacks-with-flexbox)

1. [링크에 텍스트가 없을 때의 url 표시](#use-attribute-selectors-with-empty-links)

1. ["Default" 링크 스타일](#style-default-links)

1. [내재 비율의 박스](#intrinsic-ratio-boxes)

1. [깨진 링크의 이미지 스타일](#style-broken-images)

1. [글로벌 사이즈 지정에 `rem`; 로컬  사이즈 지정에 `em`](#use-rem-for-global-sizing-use-em-for-local-sizing)

^{[목차로 돌아가기](#table-of-contents)}

<div id="intrinsic-ratio-boxes"></div>

1. [Pozbądź się marginesów za pomocą Flexbox](#pozbądź-się-marginesów-za-pomocą-flexbox)

1. [Użyj selektorów atrybutów z pustymi linkami](#użyj-selektorów-atrybutów-z-pustymi-linkami)

1. [Stylizuj domyślne linki](#stylizuj-domyślne-linki)

1. [Wewnętrzne proporcje bloków](#wewnętrzne-proporcje-bloków)

1. [Wystylizuj uszkodzone obrazy](#wystylizuj-uszkodzone-obrazy)

1. [Użyj `rem` dla ustawień globalnych rozmiarow i `em` do ustawień localnych](#użyj-rem-dla-ustawień-globalnych-rozmiarow-i-em-do-ustawień-localnych)

^{[Powrót do spisu treści](#Powrót-do-spisu-treści)}

Aby utworzyć pola, które posiada wewnętrzne proporcje, wystarczy zastosować górny lub dolny margines do elementu div:

1. [Esqueça as "Margin Hacks", use Flexbox](#esqueça-as-margin-hacks-use-flexbox)

1. [Use Seletores de Atributo em Links Vazios](#use-seletores-de-atributo-em-links-vazios)

1. [Estilize Links "Default"](#estilize-links-default)

1. [Div com Proporção de Tela Fixa](#div-com-proporção-de-tela-fixa)

1. [Estilize Imagens Quebradas](#estilize-imagens-quebradas)

1. [Use `rem` para Definir Tamanhos Globais; Use `em` para Definir Tamanhos Locais](#use-rem-para-definir-tamanhos-globais-use-em-para-definir-tamanhos-locais)

^{[voltar ao índice](#Índice)}

Para criar uma div com proporção de tela fixa, tudo que você precisa fazer é adicionar `padding` (`top` ou `bottom`) a div pai:

1. [Esquece as "Margin Hacks", use Flexbox](#esquece-as-margin-hacks-usa-a-flexbox)

1. [Usa Seletores de Atributo em Links Vazios](#usa-seletores-de-atributo-em-links-vazios)

1. [Estiliza Links "Default"](#estiliza-links-default)

1. [Div com Proporção de Tela Fixa](#div-com-proporção-de-tela-fixa)

1. [Estiliza Imagens Quebradas](#estiliza-imagens-quebradas)

1. [Usa `rem` para Definir Tamanhos Globais; Usa `em` para Definir Tamanhos Locais](#usa-rem-para-definir-tamanhos-globais-usa-em-para-definir-tamanhos-locais)

^{[Regressar ao índice](#Índice)}

Para criar uma div com proporção de tela fixa, tudo que você precisa fazer é adicionar `padding` (`top` ou `bottom`) a div pai: