CSS esittely

Mitä CSS on?

  • CSS Se tarkoittaa loplevytyyliä* (Cascading Style Ssheets)
  • CSS kuvaaMiten HTML-elementit näytetään näytöllä, paperilla tai muilla medioilla
  • CSS Säästää paljon työtä。Se voi hallita useita sivuja samanaikaisesti
  • Ulkoinen tyyliarkisto tallennetaan CSS-tiedostoKiina

*：Myös sanottu loplevytyyli

CSS-näyttö - HTML-sivu - useita tyylejä!

Tässä on esimerkki HTML-sivusta, joka tarjoaa neljä eri tyylejä. Napsauta alla olevia tyylejä linkkejä tarkastellaksesi eri tyylejä:

Miksi käyttää CSS:ää?

CSS käytetään verkkosivujen tyylejä määrittämiseen, mukaan lukien suunnittelu ja asettelu eri laitteille ja näyttökoolle.

CSS-esimerkki

body {
  background-color: lightblue;
}
h1 {
  color: white;
  text-align: center;
}
p {
  font-family: verdana;
  font-size: 20px;
}

Kokeile itse

CSS ratkaisi suuren ongelman

HTML ei koskaan suunnitellut sisältävän lomakkeita verkkosivujen muotoiluun!

HTML:n luominen on tarkoitettukuvaile sivuaesimerkiksi:

<h1>Tämä on otsikko.</h1>
<p>Tämä on kappale.</p>

Lisättäessä <font>-tyyppisiä merkkiä ja color-ominaisuuksia HTML 3.2-standardiin, web-kehittäjien painajainen alkoi. Suurten verkkosivustojen kehittäminen sisälsi fonttien ja värien tietojen lisäämisen jokaiselle sivulle, mikä muuttui pitkäksi ja kalliiksi prosessiksi.

Tämän ongelman ratkaistakseen W3C (World Wide Web Consortium) luoi CSS:n.

CSS poisti HTML-sivulta tyyliformaatin!

Jos et tiedä, mitä HTML on, suosittelemme, että luet HTML-opas.

CSS säästää paljon työtä!

Tyyli määritellään yleensä ulkoisessa .css-tiedostossa.

Käyttämällä ulkoisia tyylitiedostoja, voit muuttaa koko verkkosivuston ulkoasua vain muuttamalla yhtä tiedostoa!