Kategori: CSS

Başlıklar

Images

Kategori: CSS, 29 Ekim 2019

Images

Bu yazımda CSS ile resimleri kontrol edeceğiz. İlk olarak tabi ki resimlerin boyutunu değiştirelim. Bunu width ve height özellikleri ile yapabiliriz:

 img.large { width: 500px; height: 500px; } img.medium { width: 250px; height: 250px; } img.small { width: 100px; height: 100px; } 
Sayfalara background-image özelliği ile arkaplan ... Devamını Oku


JanFranco | 9 | 0 | 1 min read

Layouts

Kategori: CSS, 29 Ekim 2019

Layouts

HTML'de her bir elementin aslında bir blok olduğunu, bir kutu içerisinde olduğundan bahsetmiştim. Bu yazımda bu kutuların web sayfasındaki yerleri ile oynayacağız, sayfa düzenini değiştireceğiz.

CSS'te blok pozisyonları için 5 şema bulunur: Normal flow, relative positioning, absolute positioning, fixed positioning, floating elements. Normal flow ile başlayalım:

Normal flow ... Devamını Oku


JanFranco | 8 | 0 | 4 min read

Lists, Tables, Forms

Kategori: CSS, 29 Ekim 2019

Lists, Tables, Forms

Bu yazımda listelerin, tabloların ve formların stillerini değiştireceğiz. Listeler ile başlayalım. list-style-type özelliği ile listelerin markerlarını değiştirebiliriz:

 ol { list-style-type: lower-roman; } 
Unordered lists yani sırasız listeler için disc (içi dolu yuvaarlak), circle (içi boş yuvarlak), square (içi dolu kare) değerlerini verebiliriz. Ordered lists yani sıralı listeler ... Devamını Oku


JanFranco | 10 | 0 | 3 min read

Boxes

Kategori: CSS, 29 Ekim 2019

Boxes

Önceki yazılarımda da bahsettim, HTML'de seçilen her element, obje aslında bir kutunun içindedir. Bu yazımda bu kutuyla oynamayı göreceğiz. İlk olarak boyutları ile oynayalım. width ve height özellikleri ile kutunun boyutlarını değiştirebiliriz:

 <!DOCTYPE html> <html> <head> <title>Boxes</title> <style type="text/css"> div { height: 300px; width: 300px; background-color: #0088dd; } ...
			
Devamını Oku


JanFranco | 12 | 0 | 4 min read

Text in CSS

Kategori: CSS, 28 Ekim 2019

Text in CSS

Bu yazımda CSS'te text yani yazı ile ilgili özelliklerden bahsedeceğim. İlk olarak typeface'den bahsedeyim. Fontların grupları vardır, her bir font farklı olsa da bir karakteri vardır ve karakterleri şu şekilde sınıflandırabiliriz: serif, sans-serif, monospace, cursive, fantasy. Aşağıdaki resimde sırasıyla serif, sans-serif ve monospace karakter tipini görüyoruz: css-texts

... Devamını Oku


JanFranco | 9 | 0 | 4 min read
Sayfa 1 next last »