CSS perustietokanta

Välttämättömät perustiedot

Ennen kuin jatkat opiskelua, sinun on perustiedot seuraavista asioista:

  • HTML
  • XHTML

Jos haluat ensin oppia näitä projekteja, niin Etusivu Vieritse ohjeisiin.

CSS yleiskatsaus
  • CSS tarkoittaa tyylisarjoja (Cascading Style SSheets)
  • TyylimäärittelyNäyttämisen tapa HTML-elementit
  • Tyylit tallennetaan yleensäTyylisarjatSisällä
  • Lisättiin tyylit HTML 4.0:eenRatkaisemaan sisällön ja esityksen erottelun ongelman
  • Ulkoinen tyylitaulukkoVoivat merkittävästi parantaa työtehokkuutta
  • Ulkoinen tyylisarja tallennetaan yleensä CSS-tiedostotSisällä
  • Useita tyylimalleja voidaanSokainenYksi

Tyylit ratkaisevat yleisen ongelman

HTML-merkit oli alun perin suunniteltu dokumenttien sisällön määrittämiseksi. Käyttämällä <h1>, <p>, <table> -tyyppisiä merkkejä HTML:ää odotettiin alkuperäisesti käytettävän ilmaisemaan tietoja kuten 'Tämä on otsikko', 'Tämä on kappale', 'Tämä on taulukko'. Dokumentin asettelu odotettiin suoritettavan selaimen toimesta ilman minkäänlaisia muotoilumerkkejä.

Koska kaksi tärkeintä selainta (Netscape ja Internet Explorer) lisäävät jatkuvasti uusia HTML-merkkejä ja ominaisuuksia (kuten fonttimerkit ja värikuvaukset) HTML-säännöksiin, on entistä vaikeampaa luoda sivustoja, joissa dokumenttien sisältö on selkeästi erillinen dokumentin esityslangasta.

Tätä ongelmaa varten maailmanlaajuisen verkkosivuston liitto (W3C), tämä voittona pyrkivä standardointiliitto, otti huolehtiakseen HTML-standardin tukemisesta ja loi HTML 4.0:n ulkopuolella STYLES (tyylit).

Kaikki suositut selaimet tukevat tyylisarjoja.

Tyylit parantavat merkittävästi työtehokkuutta

Tyylit määrittelevät, miten HTML-elementit näytetään, kuten HTML 3.2-tyyleissä olevat fonttikilvet ja värikuvaukset ovat yleensä tallennettu ulkoisiin .css-tiedostoihin. Vain yksinkertaisen CSS-dokumentin muokkaaminen antaa sinulle kyvyn muuttaa sivuston kaikkien sivujen ulkoasun yhdellä kertaa.

Koska CSS mahdollistaa useiden sivujen tyyleihin ja asetteluun samaan aikaan, se voidaan pitää WEB-suunnittelun alueen läpimurtona. Verkkosivuston kehittäjänä voit määrittää tyylejä jokaiselle HTML-elementille ja soveltaa niitä haluamillasi monille sivuille. Jos haluat tehdä globaalin muutoksen, muuta yksinkertaisesti tyylejä, ja kaikki sivuston elementit päivittyvät automaattisesti.

Monet tyylit yhdistetään yhdeksi

Tyylitaulukot sallivat useilla tavoilla määrittää tyyliinfoa. Tyyliä voidaan määrittää yksittäisessä HTML-elementissä, HTML-sivun otsikelementissä tai ulkoisessa CSS-tiedostossa. Voit myös viitata useisiin ulkoisiin tyylitaulukoihin yksittäisessä HTML-dokumentissa.

Tilausjärjestys

Kun sama HTML-elementti määritellään useilla syyleillä, käytetäänkö tätä tyylejä?

Yleisesti ottaen kaikki tyylit yhdistetään uuteen virtuaaliseen tyylitaulukkoon seuraavien sääntöjen mukaisesti, ja numero 4 on korkeimman prioriteetin.

  1. Selaimen oletusarvoiset asetukset
  2. Ulkoinen tyylitaulukko
  3. Sisäinen tyylitaulukko (<head>-elementin sisällä)
  4. Sisäänrakennetut tyylit (HTML-elementin sisällä)

Siksi sisäänrakennetut tyylit (HTML-elementin sisällä) ovat korkeimman prioriteetin, mikä tarkoittaa, että ne ovat ensisijaisia seuraavia tyylidirektiivejä kohtaan: <head>-elementin sisällä olevat tyylidirektiivit, ulkoiset tyylitaulukot tai selaimen oletusarvoiset tyylidirektiivit (oletusarvo).