FrontEnd Developer RoadMap – CSS3 Tutorial 14 Tüm Etiketlere Ortak CSS Uygulama


Merhabalar, bu yazımda tüm etiketleri seçip CSS kodu uygulama yönteminden bahsedeceğim.

Tüm elementlere uygulanacak CSS yazmak istersek * ile seçme işlemi tanımlamasını kullanırız.

* {

    CSS Kodlar

}

Bu şekilde yazdığımız tüm CSS kodları Html dosyası içindeki tüm etiketlere uygulanır. Bu tanımlamayı CSS tanımlamalarının en üstüne yapmakta fayda vardır. Çünkü daha sonradan etiketlere özel tanımlamalar yapmamız gerekebilir. Böylelikle özel olarak yazdığımız CSS kodu istediğimiz etikete etki edebilsin.

<style>
 
        h1{
            color: khaki;
            font-size: 30px;
            text-align:center; /* Text-align yazının konumunu belirtir. Left - Right - Center vb değerler alır */
        }
 
        p{
            font-size: 10px;
            color: lawngreen;
            background-color: lightseagreen; /* Arka Plan rengini değiştirir. */
        
        }
 
        h2{
            font-size: 12px;
            color: blue;
            background-color: burlywood;
            border-left: 3px red solid; /* Belirtilen bölgeden etikete kenarlık ekler. Solid border'ın şeklini belirler. 3px kalınlığını */
        }
 
    </style>

Bir sonraki yazımda görüşmek üzere.

Exit mobile version