AZ | EN | RU

CSS kodunu daha yaxşı yazmağın 5 əsas yolu

Bu günləri saytların dizaynında CSS-in çox böyük rolu var. CSS (Cascading Style Sheets) saytın ümumi dizaynını ozündə əks etdirən proqramlaşdırma dilidir.  ”CSS kodunu daha yaxşı yazmağın 5 əsas yolu”  dərsliyinin əsas məsələsidə bundan ibarətdir ki,  göz çaşqınlığının aradan qaldırsın və səhifənin tez açılmasına şərait yaratsın.

1.Standart-Ən əvvəl bütün parametrləri sıfırlamaq lazımdır.

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

Diqqət! Bu standart olsa belə hər brauzer bu kodlaşdırmanı ayrı stildə görəcək ona görədə bu tip yol çox nadir hallarda istifadə olunur.

2.Əlifba sırası ilə

div#header h1 {
border-bottom: 1px solid #dedede;
color: #000; font-size: 18px;
line-height: 24px;
margin-right: 48px;
position: relative;
z-index: 101; }

3.Tanıtım

/*****Dərslik*****/
CSS kodunu daha yaxşı yazmağın 5 əsas yolu
 /*****Əsas elementlər*****/
body, h1-h6, ul, ol, a, p və s.

4.Oxunmanı yaxşılaşdırmaq

div#header { float: left; width: 100%; } 

div#header div.column { 

border-right: 1px solid #ccc;
float: rightright; margin-right: 50px;
padding: 10px;
width: 300px; 

}

5.Vaxtında Başlamaq

Səhifəni başlayan kimi CSS -i də işə salın. CSS faylını yaradın (.txt -ni .css -ə çevirin).Metateqdən sonra

<link href="QOVLUQUN ADI/CSS FAYLININ ADI.css" rel="stylesheet" type="text/css" />

kodunu daxil edin və yaratdığınız faylda işləyin.

Müəllif : Aydın Cavadlı

PaylaşShare on Facebook0Tweet about this on TwitterShare on Google+0Pin on Pinterest0

Bir cavab yazın

Email adresiniz göstərilməyəcək

*