CSS

Wikipedia(e)tik
Hona jo: nabigazioa, Bilatu

Kaskadako estilo-orriak edo CSS (ingelesez, Cascading Style Sheets) HTML edo XML (beraz, XHTML ere bai) lengoaian egituratutako dokumentu baten aurkezpena definitzeko balio duen lengoaia da. W3C da beronen definizioa mantentzen duen erakundea.

CSS lengoaiaren helburu nagusia dokumentu baten edukia eta aurkezpena bereiztea da.

Abantailak[aldatu | aldatu iturburu kodea]

  • Webgune oso baten aurkezpena bateratzeko aukera, eguneraketak egiteko denbora aurreztea ahalbidetzen duelarik.
  • Irisgarritasuna hobetzen da, nabigatzaileek estilo-orri lokal bat zehaztea ahalbidetzen baitiete erabiltzaileei. Esate baterako, ikusmen arazoak dituztenek letra-tamaina handitzeko edo kolore ikusgarriagoak erabiltzeko aukera daukate.
  • Web orrialde batek estilo-orri ezberdinak izan ditzake, gailu ezberdinetara egokitzeko, eta baita erabiltzaileak aukeratu dezan ere.
  • HTML kodearen tamaina asko txikitzen da eta ulergarriagoa da.

CSS bidezko maketatzea[aldatu | aldatu iturburu kodea]

HTML kodearen erabilpen soilarekin ohitura handia da maketatzea burutzeko taulak erabiltzea. CSS estilo-orrien erabilpenarekin ordea, geruzak erabiltzen dira lan hau burutzeko. Taulak tabulatuta doan informazioa erakusteko baino ez dira behar. Honenbestez, web orrialdeek kargatzeko behar duten denbora ere izugarri txikitzen da.

Maketatze lanak burutzeko <div></div> etiketa erabiliena den arren, berau gehiegitan erabiltzea saihestea ere komeni da, kodearen ulergarritasuna mantentzeko. Hori dela-eta, <span></span>, <p></p>, <h1></h1> eta beste etiketa ugari ere maketatzeko erabil daitezke.

Hona hemen <div></div> etiketa erabiltzen duen maketatze adibide sinplea:

Adibidea.html
...
<body>
  <div class="geruza">
    Hau web orrialde honetan geruza bat izango da.
  </div>
</body>
...
Adibidea.css
...
.geruza {
  background-color: #ccc;
  color: #000;
  width: 200px;
}
...

Kanpo loturak[aldatu | aldatu iturburu kodea]

Commonsen badira fitxategi gehiago, gai hau dutenak: CSS Aldatu lotura Wikidatan