CSS

Cascading Style Sheets

CSS er skammstöfun fyrir Cascading Style Sheets.

Hvað er Cascading Style Sheets?

Öflugt tól fyrir vefhönnuði og forritara, sem gerir þeim kleift að stjórna útliti og uppsetningu margra vefsíðna samtímis. Það er hægt að nota á þrjá vegu: inline, í hausnum (innri), og sem meðfylgjandi stílblaðsskrá (ytri). Hver aðferð hefur sitt notkunartilvik og kosti.

Innbyggður CSS

Þessi aðferð felur í sér að CSS reglur eru settar beint inn í HTML frumefni með því að nota „stíl“ eigindina. Hver HTML þáttur getur haft sinn eigin stíleiginleika, sem inniheldur hvaða fjölda CSS eiginleika sem er.

  • Notkun:
<p style="color: blue; font-size: 14px;">This is a blue, 14px font paragraph.</p>
  • Kostir: Það er gagnlegt fyrir skjótar, smærri stílbreytingar og prófanir.
  • Gallar: Þar sem stílum er beitt sérstaklega á þætti er þessi aðferð óhagkvæm til að stíla stór skjöl. Það ruglar líka HTML kóðanum og er ekki til þess fallið að samræma stíl á mismunandi þætti eða síður.

Innri CSS

Hér eru CSS reglur settar innan a <style> tag í höfuðhluta HTML skjals. Þessi aðferð er notuð til að skilgreina stíla fyrir eina síðu.

  • Notkun:
<head>
   <style>
      p { color: blue; font-size: 14px; } 
   </style>
</head>
  • Kostir: Gagnlegt fyrir stíla sem eru einstakir fyrir eina síðu. Það geymir HTML og CSS í einni skrá, sem getur verið einfaldara að stjórna fyrir lítil verkefni eða einsíðu skjöl.
  • Gallar: Eins og með innbyggða CSS er það ekki skilvirkt til að stíla margar síður og getur gert HTML skjöl fyrirferðarmikil ef það er mikið af CSS.

Ytri CSS

Þetta er algengasta og ráðlagða leiðin til að innihalda CSS. CSS reglurnar eru settar í sérstaka skrá (með .css endingu) og tengdar við HTML skjalið með því að nota

<link> þáttur í höfuðhlutanum.

  • Notkun:
<head>
   <link rel="stylesheet" type="text/css" href="styles.css">
</head>
  • Kostir: Það stuðlar að hreinni og skipulagðara HTML. Stílar eru endurnýtanlegir á mörgum síðum, sem gerir viðhald og uppfærslu á útliti vefsíðunnar auðveldari. Það gerir einnig kleift að hlaða síðuna hraðar eftir að fyrstu síðu hefur verið opnuð, þar sem vafrinn geymir CSS skrána.
  • Gallar: Upphafshleðsla síðunnar gæti tekið aðeins lengri tíma þar sem vafrinn verður að hlaða niður CSS skránni.

Val á CSS útfærslu getur haft áhrif á frammistöðu vefsíðu, viðhald og upplifun notenda. Skilvirk notkun á CSS, fyrst og fremst ytri stílblöðum, getur skapað samræmda vörumerkjaímynd, bætt hleðslutíma og aukið almenna aðdráttarafl vefsíðunnar til hugsanlegra viðskiptavina.

  • Skammstöfun: CSS

Viðbótar skammstöfun fyrir CSS

  • CSS - Samanburðarverslunarþjónusta
Til baka efst á hnappinn
Loka

Auglýsingablokk greind

Martech Zone er fær um að útvega þér þetta efni að kostnaðarlausu vegna þess að við afla tekna af síðunni okkar með auglýsingatekjum, tengdatenglum og kostun. Okkur þætti vænt um ef þú myndir fjarlægja auglýsingablokkann þinn þegar þú skoðar síðuna okkar.