Anti-armenia.ORG - Forumlar - CSS kodlama standartları



Istifadəçi
    2020-02-02 20:36 GMT                 

Cahangir25



Informatix
Mesaj Sayı : 1139
Mövzu Sayı :
Rep Ver : 
Rep Sayı :   91  
Indi Saytda : Durum
Cinsiyyət : Oğlan
Şəhər : PHP
Ölkə :
Məslək : Front-end Web Developer
Yaş :
Mesaj :

Mövzunu Paylaş!


Salamlar. Bugün sizlərə CSS kodlaşdırarkən ən çox yol verilən səhvlər haqqında danışacağam.
Əslində konkret olaraq “səhv” deyə bilmərik amma CSS`in öz bəlli standartları var
və kodlar standartlara uyğun şəkildə yazılmalıdır.

1. Kod strukturu

Bu bölməyə çoxda diqqət edilmir. Bunu bir çox böyük proyektlərdədə görmüşəm və bəzən “tezbazar” kod yazmalı olanda özümdədə olur bu xətalar.

Doğru yazılış :

Kod:
#selector-1,
#selector-2,
#selector-3 {
background: #fff;
color: #000;
}


Yanlış yazılış :


Kod:
#selector-1, #selector-2, #selector-3 {
background: #fff;
color: #000;
}
#selector-1 { background: #fff; color: #000; }


2. Seçicilər

Burada seçicilərin adlandırılmasına diqqət yetirmək lazımdır , proyekt uzanıb getdikcə class , ID ` adlarını
gördükdə başa düşməliyik ki o nəyi ifadə edir. Və underscore (_) işlətməmək daha uyğyndur.

Doğru :

Kod:
#comment-form {
margin: 1em 0;
}

input[type=”text”] {
line-height: 1.1;
}


Yanlış :


Kod:
#commentForm { /* Class`ın adının ortasında böyük hərf olmasın */
margin: 0;
}
#comment_form { /* Underscore işlənməməlidir */
margin: 0;
}
div#comment_form { /* elementin ID`sini yazmaq kifayətdir */
margin: 0;
}
#c1-xr { /* Daha açıqlayıcı adlar işlənməlidir */
margin: 0;
}
input[type=text] { /* [type="text"] Olmalıdır */
margin : 0 ;
}


3. Dəyərlər (Properties)
Burada əsasən dəyərlərin yazılış qaydasına və ardıcıllığına baxılır. Məsəlçün dəyər kiçik hərflərlə yazılmalıdır ,
”sıfır” dəyirinin yanına “px” kimi ölçü vahidləri yazmağa ehtiyac yoxdur və s.

Doğru :

Kod:
#selector-1 {
background: #fff;
display: block;
margin: 0;
margin-left: 20px;
}

Yanlış :
Kod:
#selector-1 {
    background:#FFFFFF; /* FFFFFF olmaz ! */
    display: BLOCK;     /* BLOCK yox block */
    margin-left: 20PX;  /*20PX olmaz 20px olamlıdır */
    margin: 0;
}


Və bloklarda ardıcıllıq bu formada getməlidir :

Display ( Block , Flex , Grid )
Positioning ( Relative , Absolute vs. )
Box model ( Padding & Margin dəyərləri )
Colors and Typography ( Rənglər və s. )
Other

Nümunə :

Kod:
#overlay {
display: block ;
position: absolute;
z-index: 1;
padding: 10px;
background: #fff;
color: #777;
}


Oxuduğunuz üçün təşəkkürlər!
./JahangirSeven

AZERBAIJAN!!! FUCK armenia!!!
Anti-armenia.ORG
    

Istifadəçi
    2020-03-16 18:41 GMT                 

HaCkEr_33



Gold
Mesaj Sayı : 429
Mövzu Sayı :
Rep Ver : 
Rep Sayı :   23  
Indi Saytda : Durum
Cinsiyyət : Oğlan
Şəhər : Sumgait
Ölkə :
Məslək : Defacer
Yaş : 9
Mesaj :

Mövzunu Paylaş!


Məndə css yə təzə başlamişam html ni bitirib Uğurlar

2015 də addimini atan 2017-ə kimi ddos dan başqa heçnə bilməyən , Ən Böyük Hücumunu 2019 da AzPointBlank -a edən Ən yaxşi özəlliyi istədiyi adami incidə bilən Ən Önəmsizidə Həmişə Bəxtsiz olmasi..

{ NO SYSTEM IS SAFE }

Kim olmağ istəyirdin Elçin Bax indi Kim olmus
Anti-armenia.ORG