CSS Notlarım Pt1

Css Notlarım

Neden paylaşıyorum?

Öğrendiğim şeyleri bir yerde tutmam lazım. Bunları deftere yazmak uzun sürüyor ya da notpad’a yazmak. Bende her yerden erişebileceğim şekilde burada paylaşacağım.


<p style="color:blue;front-size:20px;>

<h3 style="text-align:right;>

İnline Css

<style type="text/css">

 p

  {

   color:red;

   front-size:20px;

   test-align:right;

  }

</style>

İnternal Css. Head içerisine yazılan bu still bütün etiketlere uygulanır.

HTML

<head>

<link rel="stylesheet" href="style.css">

</head>

CSS

a

{

text-decoration: none;

color: red;

}

li

{

list-style: none;

}

External Css:  html dosyalarının stillerini .css dosyasında olduğunu belirtir.

<style type="text/css">

    .red
     { 
        color:red;
     }

</style>

<h1 class="red">Text</h1>

Class

<style type="text/css">

#header
 {
 font-size: 300%;
 border-bottom: 1px solid black;
 }

</style>

<h1 id="header">Text</h1>

ID’s Css

* {
 background-color: yellow;
}

Star

ul li a
{
   color:yellow;
}

Descendant

a[href="http://www.x.com"]
{
   color:red;
}
input[type="text"]
{
   background: blue;
}

Attribute

ol li:nth-child(odd)
{
   background: red;
}

Nth

Tagged ,

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir