Emmet ile CSS Yazmak

YouTube kanalım için hazırlamış olduğum Html eğitiminde Sublime Text 2 editöründeki Emmet eklentisini göstermiştim. Sublime Text 2′ e iyice alıştıktan sonra CSS Emmet özelliğini de çokça kullanmaya başladım. Sublime Text 2’nin emmet eklentisi sayesinde hızlıca Html yazmanın yanında CSS kısayolları ile hızlıca CSS de yazabiliyorsunuz. Bu da geliştiriciler için çok büyük bir kolaylık anlamına geliyor.

CSS dosyanızda “h” yazıp “tab” tuşuna bastığınız zaman size otomatikman height: olarak css kodunuzu getiriyor. Hemen yüksekliğin değerini de vereyim derseniz “h30” yazmanız yeterli TAB’a bastığınız zaman direk “height: 30px;” olarak size kodunuzu getiriyor.

Çoğunluk ile CSS özelliklerinin baş harfleri ile tamamını yazdırmasını sağlıyor kısaca örnek vermek gerekirse:

h + TAB = height:

w+ TAB = width:

m + TAB = margin:

p + TAB = padding:

p30px10px15px45px + TAB =  padding: 30px 10px 15px 45px;

Bu şekilde kısaltmaları kullandığınız zaman Emmet eklentisi hızlıca CSS yazmanızı sağlıyor. Kullanmanızı öneririm.

YouTube kanalım için hazırlamış olduğum videoyu da izleyip daha fazla fikir sahibi olabilirsiniz.

One thought on “Emmet ile CSS Yazmak”

  1. hocam birşey soracaktım nereye yazacagımı bulamadım buraya yazıyorum k.b oncelikle

    ben kendım html css kurumsal tasarım yaptım arayüz felan yok kendım kodlarla direk site üzerine yaptım ama şeyi yapmayı unutmusum responsive olmasını ben sayfayı kücültünce slider felan hep kayboluyor bu sorunları nasıl düzeltebilirim acaba ?

Leave a Reply

Your email address will not be published. Required fields are marked *