logo

CSS (kaskādes stila lapas) veidi

Kaskādes stila lapas (CSS) ir valoda, ko izmanto, lai veidotu stila tīmekļa lapas, kurās ir HTML elementi, nosakot, kā elementi tiek parādīti tīmekļa lapās, tostarp izkārtojumu, krāsas, fontus un citas tīmekļa lapas elementu īpašības. CSS darbojas, mērķējot uz HTML elementiem un piemērojot stila noteikumus, lai noteiktu, kā tie ir jāparāda, tostarp tādas īpašības kā krāsa, izmērs, izkārtojums un pozicionēšana.

Tālāk ir norādīti trīs CSS veidi:

Satura rādītājs



Iekļauts CSS:

Iekļauts CSS ir metode, kā piemērot stilu tieši atsevišķiem HTML elementiem, izmantojot stila atribūtu HTML tagā, ļaujot HTML dokumentā noteikt konkrētu atsevišķu elementu stilu, ignorējot jebkādus ārējos vai iekšējos stilus.

Iekļauts CSS piemērs:

Šis piemērs parāda iekļauto CSS izmantošanu ar HTML dokumenta palīdzību.

html




> <>html>>>> head>>>> <>title>>Iekļauts CSStitle> head>

fonta izmērs: 50 pikseļi; fonta stils: slīpraksts; text-align:center;'> GeeksForGeeks p> body> html>>

>

>

Izvade:

iekļauts CSS rekvizītu piemērs

Iekļauts CSS piemēra skaidrojums:

Iepriekš minētajā piemērā mēs veicam šīs darbības

  • Šeit mēs izmantojam iekļauto CSS tieši rindkopas elementam.
  • Maina krāsu uz zaļu, fonta lielumu uz 50 pikseļiem, stilu uz slīprakstu un līdzinājumu uz centru.
  • Stils ignorē ārējo un iekšējo CSS.

Iekšējais vai iegultais CSS:

Iekšējais vai iegultais CSS ir definēts HTML dokumenta elementā. Tas piemēro stilus noteiktiem HTML elementiem. CSS kārtulu kopai ir jāatrodas HTML failā galvas sadaļā, t.i., CSS ir iegults tagā HTML faila galvas sadaļā.

Iekšējā vai iegultā CSS piemērs:

Šis piemērs parāda iekšējā CSS izmantošanu ar HTML dokumenta palīdzību.

html




> <>html>>>> head>>>> <>title>>Iekšējais CSStitle>