özelliği arşivleri - Murat Bilginer

CSS 3 Flexbox 5 – Flexbox Align-Content Özelliği

Murat Bilginer — Thu, 23 Nov 2023 07:12:18 +0000

Merhabalar. Bu yazımda Flexbox’ın Container içindeki nesnelerin durumlarına bakmaya devam ediyoruz. align-content özelliğine bakacağız. Projemiz bir önceki yazımızdan devam ettiği için öncelikle o yazımı okumanızı tavsiye ederim. Burada bahsedeceğimiz özelliklerin nasıl gözüktüğünü daha iyi anlayabilmek için öncelikle kodlarımızda şu güncellemeleri yapalım. index.html flexbox.css Şu anki güncellemelerimiz sonrası uygulama aşağıdaki gibi gözüküyor. align-content Özelliği align-content özelliği,...

The post CSS 3 Flexbox 5 – Flexbox Align-Content Özelliği appeared first on Murat Bilginer.

CSS 3 Flexbox 4 – Flexbox Align-Items Özelliği

Murat Bilginer — Thu, 23 Nov 2023 06:45:48 +0000

Merhabalar. Bu yazımda Flexbox’ın Container içindeki nesnelerin durumlarına bakmaya devam ediyoruz. align-items özelliğine bakacağız. Projemiz bir önceki yazımızdan devam ettiği için öncelikle o yazımı okumanızı tavsiye ederim. align-items Özelliği align-items özelliği, CSS Grid Layout modelinde veya Flexbox modelinde kullanılan bir özelliktir. Bu özellik, bir container içindeki öğelerin çapraz eksende (cross axis) nasıl hizalanacaklarını belirler. align-items...

The post CSS 3 Flexbox 4 – Flexbox Align-Items Özelliği appeared first on Murat Bilginer.

CSS 3 Flexbox 3 – Flexbox Justify-Content Özelliği

Murat Bilginer — Thu, 23 Nov 2023 06:31:48 +0000

Merhabalar. Bu yazımda Flexbox’ın Container içindeki nesnelerin durumlarına bakacağız. İlk olarak justify-content özelliğine bakalım. Projemiz bir önceki yazımızdan devam ettiği için öncelikle o yazımı okumanızı tavsiye ederim. Burada bahsedeceğimiz özelliklerin nasıl gözüktüğünü daha iyi anlayabilmek için öncelikle kodlarımızda şu güncellemeleri yapalım. index.html flexbox.css Şu anki güncellemelerimiz sonrası uygulama aşağıdaki gibi gözüküyor. justify-content Özelliği “justify-content” özelliği,...

The post CSS 3 Flexbox 3 – Flexbox Justify-Content Özelliği appeared first on Murat Bilginer.

FrontEnd Developer RoadMap – CSS3 Tutorial 28 Font Özelliği

Murat Bilginer — Sun, 18 Sep 2022 04:48:25 +0000

Merhabalar, bu yazımda font özelliğine bakacağız. Hazır fontlar nasıl kullanılır bunları da göreceğiz. İlk olarak standart değerlere bakalım. Hangisi düzgün şekilde belirtilen yerde varsa kullanılır. Eğer hiçbiri yoksa tarayıcının varsayılanı kullanılır. Dışardan Google Font’unu kullanmak isteyelim. Bu sayfaya gidelim. Örneğin roboto fontunu kullanmayı seçelim. Kullanmak istediklerimizi seçelim. Sağdaki linki alıp kullanacağımız yerde head tagleri içine...

The post FrontEnd Developer RoadMap – CSS3 Tutorial 28 Font Özelliği appeared first on Murat Bilginer.

FrontEnd Developer RoadMap – CSS3 Tutorial 25 Margin Kavramı

Murat Bilginer — Sun, 18 Sep 2022 04:13:37 +0000

Merhabalar, bu yazımda Html içindeki nesnelerin birbirlerine göre konumlanmasını sağlayan margin özelliğine bakacağız. Margin özelliği sadece block elementlerde çalışır. Inline olan elementler top ve bottom margin değerleri verilse de işlemeyecektir. Bunun için inline element olup da margin vermek istediğimiz bir durum olursa öncelikle display özelliğini inline-block yapmak gerekir. Margin block elementlerin hemen yanındaki altındaki üstündeki...

The post FrontEnd Developer RoadMap – CSS3 Tutorial 25 Margin Kavramı appeared first on Murat Bilginer.