Foarte des am pus întrebări - cum se schimba culoarea de fundal, font legendă, modul de a face link-ul subliniat sau de a schimba aspectul barei laterale. De fapt, există o astfel încât tema selectată în ansamblu mulțumit, dar aș dori să fac sub forma unor mici modificări site-ului. Și dacă la toate - schimba complet modelul, făcându-l unic și individual.
Cred că aceste informații pentru cititorii mei, nu este suficient, așa că vreau să introducă o secțiune nouă, care va învăța pe oameni partea tehnică. Pe scurt, în acest caz și exemple practice. În general, într-o economie astfel de cunoaștere este cu siguranță utilă.
Toate problemele de mai sus sunt rezolvate cu ajutorul CSS. există style.css fișier între fișierele șablon. Dacă-l deschide, veți vedea un cod lung de neînțeles. Dificil și înfricoșător pare la prima vedere. Dacă aflați mai multe despre CSS, atunci asigurați-vă că totul este foarte simplu și foarte interesant.
CSS (Cascading Style Sheets - Cascading Style Sheets) - este un limbaj special care poate descrie designul site-ului. Aceeași funcție poate efectua HTML, dar are mult mai puține oportunități, este mai greoaie și mai puțin flexibil, dificil de gestionat.
Nu voi intra în teoria și spune unde și cum a făcut CSS, noi nu scriem un termen de hârtie. Trebuie să învețe să lucreze cu el, așa că du-te pentru a practica - culoarea de fond în CSS.
Vom înțelege că ne-am scris, de sus în jos:
- etichetă de deschidere indică începutul paginii HTML (pagina)
- etichetă de deschidere Acesta indică începutul „cap“ al paginii
- tag-uri
- tag-ul de închidere - capac peste
- definite în continuare culoarea de fundal a paginii. Categoric nu voi mesteca, să presupunem că sunteți un pic html știu.
- etichetă de deschidere - partea de sus a corpului
- tag-uri au intrat în pagina antetul - antet, spre deosebire de titlu, este văzut
- tag-ul de închidere - corpul documentului este finalizat
- tag-ul de închidere - peste tot documentul
Salvați fișierul și deschideți-l în browser. Veți vedea o pagină de culoare verde minunat. Aceasta culoare am întrebat în a cincea linie cu un HTML normal. Acum face același lucru, numai de data aceasta cu ajutorul CSS. În CSS, culoarea de fundal poate fi setat după cum urmează:
În cazul în care corpul - acesta este un element la care va fi folosit proprietatea (în acest caz, corpul paginii)
culoare de fundal - Această proprietate, care este utilizat (aici este culoarea de fundal)
# 113a03b - valoarea proprietății. Există un cod de culoare.
O altă sarcină - să se asocieze cumva documentul cu stiluri. Modul cel mai convenabil și mai populare este de a conecta un fișier extern CSS.
1. Deschideți fișierul creat anterior style.css și a pus acest lucru în ea este trecutul nostru:
2. Deschideți pentru editare file.html și ușor schimba codul:
Imaginați-vă că site-ul dvs. este de 20 (sau 50, sau 100) pagini scrise în întregime în HTML, fără utilizarea CSS. În acest caz, pentru a schimba culoarea de fundal, va trebui să modificați fiecare pagină separat, care este destul de supărătoare. CSS se simplifică mult sarcina, permițându-vă să lucreze direct cu mai multe fișiere simultan. Prin schimbarea codului de culoare fișier style.css, modificați instantaneu fundal la o dată pe toate paginile.
Culoarea de fundal este setată în linia de jos (atâta timp cât alte proprietăți nu vor fi luate în considerare). Schimbarea la codul de culoare digital și salvați fișierul (amintiți-vă doar, ce culoare a fost folosit pentru a se rostogolească înapoi a modificărilor). Veți vedea că toate paginile dvs. de culoare de fundal site-ul modificat. Se răcește, nu?
Nu am în sfera de aplicare a acestui articol pentru a merge în foarte foarte elementele de bază. Dacă dumneavoastră materiale fără speranță lame, blog seostop.ru puteți trage - să învețe cum să construiască un site web într-un notebook normal sau un program special, pentru a spori cunoștințele lor HTML sau PHP sau pentru a afla ceva nou despre progresul.