Ce este css și CSS3

Ce este stilul? Aproximativ vorbind, stilul este ceea ce arata ca un element de pe site-ul. De exemplu, orice text poate scrie dimensiunea de 10 pixeli, și poate fi de 14 pixeli. Puteți scrie în negru, poate fi albastru. Puteți accentua / tilt / radieze, etc. Toate formatarea textului asociat cu CSS.

Dar aceasta este doar o mică parte a posibilităților. În întreaga vizualizare a tuturor tag-uri html răspunde CSS. Chiar și pentru schimbări dinamice: meniul drop-down, evidențiați link-urile atunci când treci.

Cel mai adesea, o listă cu toate stilurile numite „foaie de stil CSS.“

scopurile și obiectivele CSS

  • Asigurați-site-ul mai frumos (în termeni de design) pentru a face interfata user-friendly, și ușor de site-uri într-un fel diferite unul de altul
  • Se separă codul HTML din descrierea codului de stiluri și modele

sintaxa CSS

Selectorul este de obicei numele de stil. Parantezele descrie reguli specifice. Descriere are loc întotdeauna în conformitate cu regula: numele atributului, două puncte, valoarea. Fiecare regulă trebuie să se termine cu punct și virgulă.

Puteți seta stiluri în diferite moduri. Să ne uităm la un exemplu.

Stilul poate fi utilizat pentru toate etichetele global_style ca o clasă. De exemplu,

.

Stilul style1 poate fi folosit pentru a eticheta numai . așa cum este indicat în font.style1 definiție.

În al treilea rând de locuri de muncă intrupeaza prin grătarul (#). Ca și în primul caz, acesta este definit pentru toate elementele, dar trebuie să fie stabilite nu de clasă, și de atributul id:

În acest din urmă caz, ne-a indicat pur și simplu nume de etichetă

și prescris-i un stil. Acest lucru înseamnă că acum toate etichetele H1 vor moșteni valoarea acestui stil.

Recent, puteți găsi de multe ori conceptul de CSS3. De fapt, este același CSS, cu un set de noi argumente, care oferă oportunități suplimentare pentru efecte diferite. De exemplu, strălucire text. Multe browsere nu acceptă aceste proprietăți, de aceea se recomandă utilizarea acestor efecte în cantități minime.

Care este diferenta dintre CSS si HTML?

HTML este scheletul paginii, link-uri, imagini, conținut. Și în CSS determină modul în care toate acestea vor fi afișate pentru utilizator. Așa că HTML și CSS sunt două lucruri diferite, dar ele sunt legate. Mai mult decât atât, o practică comună este de a diviza codurile unul de altul, astfel încât să nu le amestece pe o singură pagină.

Cum și în cazul în care pentru a seta stiluri CSS

Stilul este definit în meta tag-uri cu ajutorul tag-ul stil de cap:

Dar e rău, pentru că descrieri de cod dezordonate stiluri. În plus, în cazul în care acest cod este aceeași pentru toate paginile site-ului, apoi să-l schimbe peste tot, trebuie să se joace. Prin urmare, utilizați fișiere speciale cu extensia .css, care conține toate stilurile. Acest lucru se face printr-o etichetă link în secțiunea cap:

Avantajul acestei abordări este aceeași, și că fișierul este stocat în cache de browsere, ceea ce reduce „greutatea“ a site-ului, astfel este mai rapid pentru a porni. Și este foarte important pentru SEO. A se vedea. Cum de a crește viteza de descărcare

Ceea ce face CSS (plus)

  • Este ușor de a schimba design. Suficient pentru a schimba stilul într-un singur loc, și se schimbă pe fiecare pagină
  • Aceasta este singura modalitate de a schimba design
  • Simplitatea sintaxei limbajului

Probleme CSS cu browsere

browsere mai vechi nu suportă toate caracteristicile CSS. Cu această mapare apar probleme. De exemplu, un efect care a fost destinat pentru o mai bună percepție a conținutului, poate duce la efectul opus. În cazul în care orice proprietate nu este acceptat, adică blocuri de impunerea unor riscuri pe fiecare alte texte, etc.

O parte din această problemă este rezolvată „prefixele“. De fapt, este pur și simplu un cuvânt în picioare în fața unui argument într-o foaie de stil. Există un prefix pentru fiecare browser.

  • -moz- pentru browser-ul Firefox
  • -webkit- pentru browser-ul Chrome și Safari (în ambele browsere utilizează același motor de randare)
  • -MS- pentru Internet Explorer
  • -o- pentru browser-ul Opera