CSS perustietokanta
- Edellinen sivu HTML
- Seuraava sivu Javascript
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.
- Selaimen oletusarvoiset asetukset
- Ulkoinen tyylitaulukko
- Sisäinen tyylitaulukko (<head>-elementin sisällä)
- 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).
- Edellinen sivu HTML
- Seuraava sivu Javascript