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



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

Cahangir25



Gold
Mesaj Sayı : 1127
Mövzu Sayı :
Rep Ver : 
Rep Sayı :   90  
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



VIP
Mesaj Sayı : 357
Mövzu Sayı :
Rep Ver : 
Rep Sayı :   19  
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

{ NO SYSTEM IS SAFE }


We Are BlackHatz From Azerbaijan Hacker!

Murəəkəbim qan yağışı gözümdə şeytan baxışı
Anti-armenia.ORG