CSS - Foi de stil în cascadă pentru un design modern al paginii dvs. de pornire
Foliile de stil în cascadă sunt utilizate în designul web modern pentru a separa conținutul și designul. Aceasta înseamnă că conținutul se află în codul HTML, iar designul și culorile sunt definite prin intermediul informațiilor despre foaia de stil.
- definibil la nivel central (un fișier .css determină aspectul întregii pagini de pornire, modificări în acest fișier, apoi schimbă și afișarea întregii pagini de pornire)
- timp de încărcare mai rapid, deoarece paginile HTML individuale sunt mai slabe, iar fișierul .css central trebuie încărcat o singură dată
- CSS este acceptat de toate browserele în funcțiile de bază
- Dacă un browser nu cunoaște o definiție CSS, pur și simplu nu va fi afișat. Site-ul funcționează oricum (nu arată bine, desigur, dar funcționalitatea este păstrată)
Exemplu de formatare cu CSS:
Text formatat cu CSS
Și așa arată codul sursă corespunzător:
style = "background-color: # 0080FF; color: black; font-family: BankGothic Md BT; font-size: 20pt; letter-spacing: 5px; padding: 10px; text-align: center"> Text formatat cu CSS
Partea roșie este informația CSS. După cum puteți vedea, informațiile CSS sunt chiar în etichetă
și va fi dat în ultima zi
terminat din nou. Informațiile CSS afectează doar această parte a textului sursă.
Dar este mult mai interesant să controlați designul complet al unui site web printr-un fișier CSS extern. Acesta este modul în care este integrat un fișier CSS extern:
În antetul fișierului dvs. HTML, adăugați un link către un fișier .css.
Așa arată (în codul sursă):
Partea roșie este partea crucială .css - aici se referă fișierul dvs.
Acum creați un fișier .css adecvat în editorul Windows, în exemplul nostru fișierul design.css cu următorul conținut:
Acordați o atenție deosebită extensiei de fișier .css! Acum puteți schimba fișierul design.css după cum doriți.
Cel mai simplu mod de a crea și edita fișiere .css este de a utiliza editorul CSS Topstyle. Puteți obține mai multe informații aici:
- download.chip.eu/en/TopStyle-Lite-3.10_919203.html - aici puteți obține gratuit Topstyle Lite de la Chip
- și aici versiunea profesională (cu costuri): www.topstyle4.com
Există o abundență de formatare în CSS. Acestea sunt descrise cel mai bine la Selfhtml:
- wiki.selfhtml.org/wiki/CSS - Selfhtml este referința la HTML cu o zonă CSS mare, toate opțiunile de formatare sunt descrise cu precizie și în detaliu și există și exemple.
Există, de asemenea, tone de trucuri, sfaturi și experimente în jurul CSS. Următoarele sunt cele mai interesante site-uri web pe tema Cascading Style Sheets:
Cu aceasta puteți arăta oficial că site-ul dvs. web conține Foi de stil în cascadă (CSS).
Ați găsit o eroare pe site-ul nostru? Anunțați-ne pentru a putea remedia eroarea!