Web siteleri genellikle içeriği birden çok sütunda görüntüler (dergi veya gazete gibi).
Örnek
Cities
London
London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.
Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium.
HTML Düzen Öğeleri
HTML, bir web sayfasının farklı bölümlerini tanımlayan birkaç anlamsal öğeye sahiptir:
<header> - Defines a header for a document or a section <nav> - Defines a set of navigation links <section> - Defines a section in a document <article> - Defines an independent,
self-contained content <aside> - Defines content aside from the content (like a sidebar) <footer> - Defines a footer for a document or a section <details> - Defines additional details
that the user can open and close on demand <summary> - Defines a heading for the <details> element
<header> - Bir belge veya bölüm için bir başlık tanımlar
<nav> - Bir dizi gezinme bağlantısı tanımlar
<section> - Belgedeki bir bölümü tanımlar
<article>- Bağımsız, kendi kendine yeten bir içerik tanımlar
<aside>- İçeriği içerikten ayrı olarak tanımlar (kenar çubuğu gibi)
<footer>- Bir belge veya bölüm için bir alt bilgi tanımlar
<details>- Kullanıcının isteğe bağlı olarak açıp kapatabileceği ek ayrıntıları tanımlar
Tüm web mizanpajlarını CSS
floatözelliğini kullanarak yapmak yaygındır. Float'ı öğrenmesi kolaydır - sadece floatve
clearözelliklerinin nasıl çalıştığını hatırlamanız gerekir.
Dezavantajları: Kayan öğeler, esnekliğe zarar verebilecek belge akışına bağlıdır. CSS Float ve Clear bölümümüzde float hakkında daha fazla bilgi edinin .
Örnek
Cities
London
London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.
Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium.
CSS Flexbox Düzeni
Flexbox kullanımı, sayfa düzeninin farklı ekran boyutlarını ve farklı görüntüleme cihazlarını barındırması gerektiğinde öğelerin öngörülebilir şekilde davranmasını sağlar.
CSS Flexbox bölümümüzde flexbox hakkında daha fazla bilgi edinin
.
Örnek
Cities
London
London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.
Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium.
CSS Izgara Düzeni
CSS Izgara Düzen Modülü, satırlar ve sütunlar içeren ızgara tabanlı bir düzen sistemi sunarak, kayan noktalar ve konumlandırma kullanmak zorunda kalmadan web sayfalarını tasarlamayı kolaylaştırır.
CSS Grid Giriş bölümümüzde CSS ızgaraları hakkında daha fazla bilgi edinin
.