Blocuri din css, margini, borduri, margini
Cum sa faci un site web
modul de a face site-ul dvs., astfel încât vizitatorul, care a venit la el, nu a închis pagina imediat în căutarea unei alte vieți și să rămână pe ea?
nume de domeniu
de fapt, alege un domeniu pentru site-ul dvs., nu este o sarcină ușoară cum pare la prima vedere.
Site-uri care găzduiesc
alegerea unui web gazdă bună depinde de un „luminos“, site-ul viitor ați creat.
Elementele de bază HTML
Limbajul HTML este fundamentul internetului, fără cunoștințe de populare site-ul nu poate face.
proprietăţi CSS
folosind foi de stil este mult mai ușor de a dezvolta pagini web și de a gestiona un site web.
optimizare
măsurile necesare luate de webmasteri pentru a ridica site-ul într-o poziție mai proeminent.
promovare
pentru a promova site-ul pe cont propriu, fără utilizarea de servicii speciale, departe de a fi o sarcină ușoară, dar cu dreapta și abordarea corectă greu de realizat.
Motoare de cautare
Principiul de funcționare al motorului de căutare algoritmi, factorii de rang.
articole interesante
aici toată lumea va găsi ceva articole interesante și răspunsuri la întrebări legate de crearea site-ului.
glosar
interpretarea termenilor întâlnite în crearea și promovarea site-urilor.
Bytes Loka CSS sunt obiect independent, având forma unui dreptunghi. Toate elementele HTML - document sunt unități independente care conțin informații de orice fel, indiferent dacă text sau o imagine (conținut). De exemplu: conținutul de element este un antet bloc de text. și pentru elementul - textul paragrafului.
În jurul conținutului în blocul poate fi gol, nu sunt ocupate de câmp (padding). care dă întâmplător conținutul unității mai atractiv. Doar dincolo de câmpurile se execută limita blocului (de frontieră). care poate avea o grosime predeterminată, culoare și stil. Blocul poate avea liniuțe (marja) adică spațiu liber în jurul marginilor. Domenii, frontiere și padding nu sunt incluse în lățimea blocului, lățimea este setat numai pentru conținutul său.
- Câmp. Proprietăți margin-TOP, margin-DREAPTA, margin-bottom, margin-left
- MARJA proprietate
- Border. Proprietăți border-TOP-Width, BORDER-DREAPTA-Width, BORDER-BOTTOM-Width, BORDER-LEFT-LATIME
- proprietate FRONTIERA-LATIME
- Proprietatea border-COLOR
- Proprietăți border-STYLE
- Proprietăți border-TOP, BORDER-dreapta, BORDER-BOTTOM, BORDER-LEFT
- FRONTIERĂ proprietate
- Indents. Proprietăți PADDING-TOP, PADDING-dreapta, padding-bottom, padding-left
- PADDING proprietate
Câmp. Proprietăți margin-TOP, margin-DREAPTA,
Margin-bottom, margin-left
Aceste proprietăți sunt situate în jurul câmpurilor dimensiunea blocului, valorile sunt date în unități de orice lungime sau procentaj:
- margine-top - denotă lățimea câmpului superior;
- Marjă dreapta - denotă lățimea marginii din dreapta;
- margin-bottom - denotă lățimea câmpului inferior;
- -Margine din stânga - denotă lățimea marginii din stânga.
Exemplu reguli pentru un paragraf, cu câmpurile de pe dreapta și la stânga de 25px, va arata astfel:
p marjă-top. 0px;
-Marginea din dreapta. 25px;
margin-bottom. 0px;
-Marginea din stânga. 25px;
>
- În cazul în care numai unul este setat, atunci toate marjele de același bloc;
- dacă sunt date cele două valori, primul câmp indică partea de sus și de jos, al doilea - la dreapta și la stânga (valorile fiecărei perechi sunt egale);
- în cazul în care trei valori, primul reprezintă câmpul superior, al doilea - din stânga și din dreapta, a treia - cea mai mică;
- Dacă este setat toate cele patru valori, respectiv, primul - în partea de sus, apoi - câmpul din dreapta, apoi de jos și ultima - stânga.
În acest exemplu, câmpul de sus este egal cu punctul 15px, la stânga și la dreapta marjele de 5px, câmpul de jos este 20px.
Dacă CSS poate fi folosit pentru a cuprinde textul paragrafului în cadru, cum ar fi se face pe site-ul în formă de exemple. Aceste proprietăți definesc o grosime de numai limite bloc pentru partea de sus, dreapta, jos și segmentele ramase. Valorile pot fi cuvinte cheie zadvat:
Aceleași valori pot fi setate la orice unități de lungime, valorile procentuale nu sunt stabilite. Regula poate fi scrisă ca:
p border-top-wdth. 1px;
border-dreapta-wdth. 2px;
border-bottom-wdth. mediu;
border-left-wdth. subțire;
>
Aceste valori de proprietate prescurtate sunt aceleași ca și în marja de proprietăți. De obicei, scris de mai jos se va potrivi cu exemplul de mai sus înregistrat:
Această proprietate este aceeași stenografie, culoarea este dată printr-un bloc de valori limită sunt:
- cuvânt cheie (roșu, galben, negru, albastru, etc.);
- cod de culoare hex (00FFFF, 000000, FFFFFF, etc.);
- cod zecimal în RGB (culoare: rgb (120, 25, 182));
- transparente - frontiere transparente.
Dacă doriți să specificați o culoare diferită de fiecare dintre cele patru colțuri, atunci se utilizează proprietățile:
- border-top-color - culoarea limita superioară;
- border-dreapta-culoare - culoarea marginea dreaptă;
- border-bottom-culoare - culoarea frontierei de jos;
- border-stânga-culoare - culoarea frontierei stânga.
Regula pentru acest exemplu ar arata astfel:
p border-top-color. albastru;
border-dreapta-culoare. 000000;
border-bottom-culoare. FF0000;
border-left-color. rgb (25, 125, 205);
>
proprietate prescurtare, specifică tipul de linie, care este un bloc de frontieră. Pentru a defini diferitele tipuri de linii, limitele bloc utilizate de proprietăți individuale:
- -Top-stil de frontieră - limita superioară a tipului liniei;
- border-stil dreapta - tipul de linie, margine dreapta;
- -Bottom stil de frontieră - tipul liniei limita inferioară;
- Stil stânga frontieră - tipul liniei de delimitare din stânga.
Valorile de proprietate sunt cuvintele cheie:
- none - fără chenar (implicit);
- linia de frontieră încadrată constând din puncte - punctată;
- punctată - linie punctată;
- solid - linie solidă;
- dublu - o linie dublă solidă;
- uluc - apare frontieră „deprimat“ linie (imită volum);
- creasta - frontiera prezinta linie „convexe“;
- medalion - frontiera este afișată, astfel încât întreaga unitate arată deprimat;
- început - întreaga unitate arată convexă.
Uită-te la exemplul: