blog posts

css nedir?

Öncelikle, Css’nin ne anlama geldiğini bilmeniz gerekir. CSS, Basamaklı Stil Sayfası (CSS) anlamına gelir. css dili, belgelerin ve web sitesi bilgilerinin oluşturulması ve görünümünün oluşturulması için bir web sayfası tasarım dilidir. css, HTML veya XHTML ile yazılmış web sitesi sayfaları tasarlamak için en yaygın ve popüler araçlardan biridir ve ayrıca düz XML, SVG ve XUL gibi diğer komut dosyası dillerini de destekler.

CSS kullanarak kodlamada sitenin renk, yazı tipi, arka plan resimleri vb. stilini istediğiniz gibi değiştirebilirsiniz.

CSS’nin amacı ve uygulaması nedir?

üretiminin amacı aslında içerik bilgilerini (HTML gibi bir dil tarafından yazılan) sayfa düzeni, renk, boyut ve yazı tipi gibi görünüm bilgilerinden ayırmaktır. Bu ayrım, siteye erişim hızını, görünüm özelliklerini kontrol etmek için daha fazla esnekliği, aynı formatta birkaç sayfa tasarlama ve web sitesi tasarımında karmaşıklık ve tekrarlayan görevlerden kaçınma yeteneğini artırır.

CSS’nin kullanımlarından bazıları şunlardır:

Yüksekliği ve genişliği belirleyin
Sayfaların duyarlı tasarımı
Arkaplan seç
Metin veya fotoğraf gibi bir öğenin konumunu seçme ve…
Yazıların dizilişini belirleme (sola hizalı, sağa hizalı vb.)
Elemanlar arasındaki mesafenin belirlenmesi
Yazı tipinde değişiklik (yazı tipi, renk vb.)

Aşağıda, CSS kodlarının yapısını öğreneceksiniz.

css kodlarının yapısı

Bir CSS kodunun yapısı iki bölümden oluşur:

• seçici
• Bildirim bloğu

seçici

Html’nin bir bölümüne belirli bir stil vermek istiyorsanız, üzerine Css kodlarını uygulayabilmeniz için bir etiket seçmelisiniz. Seçilen öğe bir paragraf, bir resim veya bir başlık olabilir. CSS seçicileri birkaç kategoriye ayrılır:

Öğe Seçici:

Bu seçiciyi kullanarak belirli bir etiketi seçebilir ve ona stil değişiklikleri uygulayabilirsiniz, örneğin bir web sayfasındaki <p> ​​etiketini seçip rengini kırmızıya değiştirebilirsiniz.

kimlik seçici:

Bir etiket grubu üzerinde CSS stillerinin tanımlanmasını istiyorsanız, ID seçiciyi kullanmalısınız. Bunun için stilini değiştirmek istediğiniz etiket için HTML kodunda bir ID tanımlamalı ve ardından Css bölümünde istediğiniz ID’yi seçip değişiklikleri ona uygulamalısınız.
Komutlar yalnızca başında # işaretiyle işaretlenmiş belirli bir kimliğe uygulanır.

Sınıf seçici:

Bunun için bir sınıf içinde aynı görünüme sahip olmasını istediğiniz tüm etiketleri tanımlamanız ve ID gibi CSS bölümüne gitmeniz ve o sınıf üzerinde istediğiniz stili tanımlamanız gerekir. “ile sınıf niteliğini düşünün. Başlangıçta tanınabilir.

css programlama dili sözdizimi

beyanname

{…} arasına yerleştirilen bu bölümü kullanarak, seçilen etiketlere hangi stili uygulayacağınızı belirleyebilirsiniz. Bu bölüm, seçilen öğenin hangi nitelik ve değere sahip olduğunu belirtmeniz gereken “öznitelik” ve “değer” bölümlerinden oluşur. Örneğin, h1 etiketinin mavi veya yazı tipi boyutunun 14 piksel olması gerektiğini belirtin.

Stil sayfası nedir?

Stil sayfası, tarayıcıya bir HTML etiketinin nasıl görüntüleneceğini söyleyen bir dizi css kuralı ve kodudur.

css dosyası nedir?

css dosyası oluşturarak css. Ayrıca istediğiniz sayfayı monitörde görüntüleme modu, yazdırma sırasında görüntüleme modu, ses tanıma modu sırasında (ses tanıma tabanlı tarayıcılar için) ve ayrıca Mobil tarayıcı sayfalarını doğru ayarla’da görüntüleme gibi birkaç farklı işleme modunda görüntülemenizi sağlar. .

Kodlama teknikleri ve kodlamanın ne anlama geldiği hakkında bilgi almak için yazımızı okumanız önerilir.

HTML‘ye CSS ekleyin

Css dosyasını html dosyasına nasıl bağlayacağınız aşağıdaki üç yolla yapılır:

Harici CSS
Dahili CSS
Satır içi CSS

Devamını oku: github sitesiyle nasıl çalışılır

Harici CSS

CSS kullanmanın en yaygın kullanılan yöntemi olan Harici CSS yöntemini kullanarak, önceden oluşturulmuş bir dosyayı değiştirerek bir sitenin görünümünü değiştirebilirsiniz. Harici yöntemde css kodlarının yeri, css kodlarını ayrı bir not defteri dosyasına yazıp .css uzantısıyla kaydetmeniz gerektiğidir. Şimdi bu dosyayı html komutları ile ana dosyaya bağlamanız gerekiyor. Bunun için daha önce oluşturduğunuz dosyayı <head> bölümündeki <link> etiketi içinde tanıtabilirsiniz.

Dahili CSS

Dahili CSS, sitenin bir sayfasının belirli bir stile sahip olması gerektiğinde kullanılır. Bu şekilde ihtiyacınız olan değişiklikleri <style> etiketindeki <head> bölümünde uygularsınız.

Satır içi CSS

Belirli bir etikete stil uygulamak istediğinizde, Satır İçi CSS yönteminde html kodlarının css kodlarıyla nasıl şekillendirileceği kullanılır. Bu yöntemde doğrudan değişiklikler aynı etikete uygulanır ve harici etiketleri etkilemez.

css dilinde sözdizimi nedir?

css dili, sayfa özelliklerini tasarlamak ve ayarlamak için kolay İngilizce anahtar kelimeler kullanan basit bir sözdizimine sahiptir. Stil sayfası bir kurallar listesinden oluşur. Her kural, bir veya daha fazla seçici veya bildirim bloğundan oluşur. , diğer değişken bildirim bloklarının bir listesinden oluşur.

Her değişken bildirimi bir klon (:) ve bir değer içerir. Ayrıca, bir blokta birden fazla değişken bildirilecekse, her değişken noktalı virgül (;) ile ayrılır.