logo

TechCodeview

CSS-tyypit (Cascading Style Sheet)

CSS (Cascading Style Sheets) on kieli, jolla muotoillaan HTML-elementtejä sisältäviä verkkosivuja ja määritetään, miten elementit näytetään verkkosivuilla, mukaan lukien asettelu, värit, fontit ja muut web-sivun elementtien ominaisuudet. CSS toimii kohdistamalla HTML-elementteihin ja soveltamalla tyylisääntöjä niiden näyttötavan määrittämiseksi, mukaan lukien ominaisuudet, kuten väri, koko, asettelu ja sijainti.

Alla on kolme CSS-tyyppiä:

Sisällysluettelo



Sisäänrakennettu CSS:

Sisäänrakennettu CSS on menetelmä soveltaa tyyliä suoraan yksittäisiin HTML-elementteihin käyttämällä style-attribuuttia HTML-tunnisteessa, mikä mahdollistaa yksittäisten elementtien tietyn tyylin HTML-dokumentissa ohittaen kaikki ulkoiset tai sisäiset tyylit.

Sisäinen CSS-esimerkki:

Tämä esimerkki näyttää sisäisen CSS:n käytön HTML-dokumentin avulla.

html




> <>html>>>> head>>>> <>title>>Sisäinen CSStitle> head>

kirjasinkoko: 50px; font-style: kursivoitu; text-align:center;'> GeeksForGeeks p> body> html>>

 

>

>

Lähtö:

Sisäinen CSS-ominaisuusesimerkki

Sisäinen CSS-esimerkkiselitys:

Yllä olevassa esimerkissä noudatamme näitä vaiheita

  • Tässä käytämme Inline CSS:ää suoraan kappaleelementtiin.
  • Muuttaa värin vihreäksi, kirjasinkooksi 50 pikseliä, tyylin kursivoituksi ja tasauksen keskelle.
  • Tyyli ohittaa ulkoisen ja sisäisen CSS:n.

Sisäinen tai upotettu CSS:

Sisäinen tai sulautettu CSS on määritelty HTML-dokumentin elementissä. Se soveltaa tyylejä määritettyihin HTML-elementteihin. CSS-sääntöjoukon tulee olla HTML-tiedoston sisällä head-osiossa, eli CSS on upotettu tagiin HTML-tiedoston head-osion sisällä.

Sisäinen tai upotettu CSS-esimerkki:

Tämä esimerkki näyttää sisäisen CSS:n käytön HTML-dokumentin avulla.

html




> <>html>>>> head>>>> <>title>>Sisäinen CSStitle>