Dacă această opțiune este selectată, stilul va fi plasat în foaia de stil internă a acestei pagini Web,
Ca de obicei, prin introducerea datelor solicitate, trebuie să faceți clic pe OK sau pe Anulare.
Primul buton efectuează crearea stilului, al doilea - anulează.
Vrem să creăm un stil de suprascriere a etichetelor <ні> și pune definiția acestui stil într-o foaie de stil styles.css existentă încă. Mai întâi, selectați butonul de etichetare radio, apoi - faceți clic pe lista de etichete pop hi, apoi - comutatorul de sus într-un grup Definiți, asigurați-vă că această listă drop-down la dreapta acestui comutator a fost selectat (New Style Sheet File), apoi faceți clic pe OK. În caseta de dialog pentru salvarea fișierelor, selectați folderul pentru site-ul nostru, introduceți numele fișierului pentru stilurile de stil styles.css și faceți clic pe butonul de salvare. Totul, fișierul de foi de stil extern a fost creat de noi.
După aceasta, observăm trei lucruri:
| Antetul paginii web default.htm sa dovedit a fi centrat;
Dreamweaver a deschis o altă fereastră a documentului, conținând codul CSS al foii de stil create;
| În lista ierarhică a stilurilor deja create, ocupând partea de sus
154
Cursul 2. Proiectarea complexă a textului
(Dacă nu vedeți această listă, verificați pentru a vedea dacă AM buton de comutare, situat în partea superioară a panoului pe întreaga listă.) Înseamnă, respectiv, am creat o foaie de stil extern și este într-o etichetă unică stil suprascriere.
Acum pagina default.htm aruncă antetul centrat, dar ce despre celelalte pagini? Să deschidem unul dintre ei, să zicem, passions.htm. Ce este - antetul său este aliniat la stânga (adică alinierea implicită este setată). De ce?
Da, am creat o foaie de stil exterioară. Ho este doar jumătate din bătălie. Trebuie încă să o conectăm la o pagină Web care o va utiliza. Nu este nevoie să o legați de pagina implicită.htm - Dreamweaver a făcut-o pentru noi. Dar aici legătura cu alte pagini ale site-ului nostru va trebui să fie făcută de noi înșine.
Salvați foaia de stil nou creată trecând la fereastra documentului în care este deschisă și apăsând combinația de taste . După aceea, treceți la fereastra cu pagina passions.htm și examinați panoul CSS Stiluri. În partea de jos a acestuia este un buton de atașare a foii de stil (AND). Avem nevoie de ea. Faceți clic pe acesta și pe caseta de dialog Atașare foaie exterioară de stil prezentată în Fig. 7.3. (De asemenea, putem utiliza elementul Atasare foaie de stil în contextul sau meniul suplimentar al panoului Stiluri CSS.)
Fig. 7.3. Atașați caseta de dialog Foaie de stil externă
Faceți clic pe butonul Răsfoiți din această fereastră, în caseta de dialog Selectare fișier care apare, selectați fișierul foii de stil și faceți clic pe butonul Deschidere, după care numele fișierului selectat va apărea în câmpul de introducere fișier / URL. Activați comutatorul Link pentru a conecta această foaie de stil la pagina Web și faceți clic pe OK. (Comutatorul de import determină Dreamweaver să pună toate stilurile definite în tabela exterioară în tabelul interior,
Lecția 7: Utilizarea stilurilor CSS
Minunat! De îndată ce Dreamweaver, după cum ne-am indicat, leagă foaia de stil cu pagina passions.htm, toate stilurile definite în acest tabel se aplică automat acestei pagini. Și titlul se aliniază în centru.
Acum, treceți la pagina implicită.htm și experimentați cu stilurile. Să creați o foaie de stil internă care să conțină un singur stil care va colora textul în verde. Va fi o clasă de stil pe care o putem lega de orice etichetă.
Din nou, dați clic pe butonul CSS New Rule din panoul Stiluri CSS. În caseta de dialog New Rule CSS, activați comutatorul Class și introduceți numele clasei class-.green din lista de nume combinate. Rețineți că numele clasei de stil trebuie să înceapă cu un punct! După aceea, activați acest comutator numai în grupul Definiți în grup și faceți clic pe butonul OK.
Observăm imediat că în lista de stiluri din panoul CSS Stiluri va exista încă o "ramură"