Visual Studio 2010 ile css yazarken klavyenizden “CTRL + K + D” tuşlarına bastığınızda (varsayılan ayarlarla) yazdığınız css kodları aşağıdaki şekilde biçimlendirilecektir.
Fakat ben “CTRL + K + D” tuşlarına bastığımda yukarıdaki gibi değil aşağıdaki gibi, yazdığım şekli bozmadan, her satırda tek bir tanım olacak şekilde kodlarımın biçimlendirilmesini istiyordum.
Bu konuyu biraz araştırınca benzer sorunu yaşayan bir çok kişi ve çok da kolay bir çözümü olduğunu öğrendim :)
Visual Studio 2010 uygulamasını açtıktan sonra “Tools” menüsü altından “Options“`ı açıyoruz. Ardından sol kısımdaki listeden sırasıyla; “Text Editor” > “CSS” > “Formatting” bölümlerini seçiyoruz. Daha önce ayarlarını değiştirmediyseniz fotoğrafta görüldüğü gibi sağ kısımda “Expanded” seçili durumda olacaktır.
“CTRL + K + D” tuşlarına bastığınızda css kodlarınızın her bir satırda tek bir tanım olacak şekilde biçimlendirilmesini sağlamak için “Style” başlığı altındaki ilk seçenek olan “Compact rules” seçeneğini işaretliyoruz (İşaretledikten sonra alt kısımdaki “Preview” kısmından nasıl bir biçimlendirme yapılacağını görebilirsiniz).
Seçim ardından “OK” tuşuna basarak yaptığımız değişiklikleri kaydediyoruz.
Kaynak: http://www.wiliam.com.au/wiliam-blog/better-formatting-in-visual-studio-2010
Günümüzün web tasarım trendi olan Web 2.0`a uygun hoş görünümlü ve kullanışlı menüler hazırlamak isteyenler için bu işi sizin yerinize yapabilecek bir kaç web sitesinden, menü tasarımına farklı bir bakış açısı getiren değişik bir çalışmadan ve son olarak bu tarzda menülerin Photoshop ile nasıl tasarlandığına dair bir tutorial`den bahseden yazımı okumak isterseniz lütfen içeri buyrun…
Css ile uğraşıpta tarayıcılar arasındaki yorum farkları yüzünden sorun yaşamayan yoktur sanırım.
Css konusundaki ilk yazımda sizlere harika bir kaynaktan söz etmek istiyorum. Css ile uzun bir süredir ilgilenenleriniz zaten biliyordur ama yeni başlayanlar için bulunmaz bir kaynak hatta tecrübeliler içinde bir nevi başucu kitabı sayılabilir.