Cum de a crea site-ul
Subsecțiunea Java Script si CSS
sectiunea Plumb: RealMan, suport site-ul webchainik.h11.ru
Introducere în CSS sau despre unde ar putea rezolva.
Hai, lipirea la planul, capul unei conversații despre Cascading Style Sheets. Nu este un secret faptul că majoritatea rata de transfer de date ale utilizatorilor de internet este scăzut, de ordinul a câteva kilobytes pe secundă. Acest fapt impune restricții mai mari asupra procesului de creație. Uneori trebuie să renunțe la butoanele frumoase pictate, deoarece utilizatorul nerăbdător nu vrea să aștepte, dar poate fi înțeles. CSS oferă astfel de oportunități, care vă permite să părăsească frumusețea unei pagini și pentru a menține utilizatorul nerăbdător. În unele situații, ele pot înlocui Photoshop sau destul de complex de animație cod mic program. Dar, înainte de toate acestea, suntem încă departe mai presus de toate CSS - un instrument care vă permite să setați diferite proprietăți ale HTML-tag-uri. Pune-le în trei moduri:- pentru o etichetă individuală
- pentru un singur fisier HTML
- pentru unele HTML-fișiere
pentru o etichetă individuală
În acest fel, de exemplu, puteți specifica modul în care să arate un anumit pasaj P:
Prin prezentul alineat aplicat definiție stilistică.
Aceasta este ceea ce este scris la prezentul alineat în HTML-coduri:
Stilul este definit de atributul stil. Browser instruit pentru a aduce dimensiunea unui paragraf litere verzi de 1,5 cm. Style Definitions sunt stabilite folosind instrucțiunile, forma generală a:
Notele sunt separate prin „;“ caracter. Atributul style poate fi folosit în aproape fiecare etichetă specificând proprietățile sale specifice. Uită-te la un alt exemplu de aplicare a stilurilor în programul HTML-tag. Iată un alt exemplu, dar de data aceasta întregul fișier HTML:
pentru un singur fisier HTML
Puteți seta stilul pentru o etichetă sau un grup de tag-uri, astfel încât cu siguranță funcționează pe tot documentul HTML. De exemplu, puteți specifica tipul de toate titlurile. Este suficient pentru a scrie o definiție a capului documentului:
Browser-ul afișează titlurile din documentul serif font color „maro“ și le aliniază pe marginea din dreapta a ecranului. Acest comportament corespunde cu instrucțiunile browser-ului:
nume de etichete (tag sau nume separate prin virgulă)
Caracteristică: valoare;
.
Caracteristică: valoare;
>
In exemplul de mai sus utilizează trei caracteristici:
text-align: dreapta;
specifică alinierea stânga
Culoare: maro;
seteaza culoarea „Maroon“
font-family: "Arial Cyr", Geneva, Helvetica, sans-serif;
seturi de fonturi serif
Titlurile sunt afișate caractere „Arial Cyr“, desigur, în cazul în care acest font este pe calculatorul utilizatorului. Dacă fontul nu este prezent, browser-ul a cauta in mod constant fonturi "Geneva", "Helvetica" sau, în cele din urmă, unele font sans-serif (indicarea "sans-serif"). În caz de eșec total al browser-ului afișează textul într-un font implicit, că este, de regulă, fontul „Times New Roman“.
pentru unele HTML-fișiere
O practică comună este de a specifica o foaie de stil într-un fișier separat. Pentru aceste fișiere utiliza extensia css. De exemplu, puteți înregistra în fișierul style.css:
Pentru a lua legătura cu aceste instrucțiuni în secțiunea. HTML-fișier pe care doriți să plasați un link:
Este clar că o astfel de metodă de eliminare a definițiilor de stil este foarte convenabil. În același stylesheet se poate referi o mulțime de HTML-documente. Modificările aduse acestui singur fișier va afecta aspectul de zeci (sau chiar sute) documente.
Să acorde o atenție la corpul indicații stilistice. Aceasta stabilește marginea din stânga a 40 de pixeli pentru întregul document. În virtutea acestei definiții a elementelor vizuale ale paginii nu va „crawl“ de pe bara verticală din partea stângă. După cum puteți vedea, puteți face fără tabele pentru setarea liniuță paginare.
Pentru ca script-ul a trăit, este necesar să se creeze condiții speciale:
Dacă parametrul funcției text de alertă este prea lung, acesta poate fi scris în câteva rânduri, folosind semnul „+“ (operațiune compus):
compus Operațiunea nu înseamnă o pauză de linie pe ecranul browser-ului. Pentru a traduce siruri de caractere, utilizați caracterele „\ n“:
alert ( "Prima linie \ nStroka doilea.");
O pereche de noi locuri de muncă.
Orice critici, sugestii, idei și întrebări trimite-mi [email protected]! În scrisoare, vă rugăm să specificați dacă pot publica scrisoarea în buletinul informativ.
Toate edițiile anterioare ale corespondență stocate în arhivă.