Importul
import va săgeta practic un alt style sheet. De exemplu dacă dorești să adaugi un stil de la un alt style sheet, la cel pe care îl ai tu, poți adăuga ceva de genu:
@import url(addonstyles.css);
Acest lucru este adesea folosit în loc deelementul link pentru a lega un fişier CSS de o pagină HTML, în esenţă, cu o foaie de stil internă care arată ceva de genul:
<style type="text/css" media="all"> @import url(monkey.css);
Beneficiul ăsta, nu îl satisfac browserele mai vechi, cum ar fi Netscape 4.x, care nu recunoaste aceste norme sau reguli, și practic dacă aveți un CSS cât de cât binișor structurat, e tot ceea ce va afișa el, un HTML simplist.
Tipuri media
media va aplica normă conținutului cu o specificație media, exact ca la un print. De exemplu:
@media print { body { font-size: 10pt; font-family: times new roman, times, serif; } #navigation { display: none; } }
Un tip media poate fi:
-
all- pentru fiecare media, sub, peste, şi în jurul soarelui. -
aural- pentru discurs sintetizator. -
handheld- pentru dispozitive apucate. -
print- pentru imprimante. -
projection- pentru proiectoare. -
screen- pentru monitoarele de computer.
Puteţi utiliza, de asemenea, braille , embossed , tty sau tv.
Notă: cu toate astea spuse, singurele tipuri media pe care IE le suportă momentan, sunt all, screen și print.
Seturi de caractere
charset la regulă, pur şi simplu setează decodarea unei foi de stil externe.Aceasta ar apărea în partea de sus a foaii de stil şi ar arăta ceva de genul @charset "ISO-8859-1";
Tipuri de font-uri
font-face la regulă este folosit pentru o descriere detaliată a unui font si poate încorpora un font extern în CSS.
Este nevoie de un descriptor font-family , care poate fi fontul cu referinţe pentru, valoare care poate fi un nume de font existent (pentru a suprascrie acel font, atunci când sunt îndeplinite condiţiile) sau poate fi un nume complet nou. Pentru a încorpora un font, este folosit descriptorul src . Other descriptors added to the font-face at-rule become conditions for that embedded font to be used, for example, if you were to add a font-weight: bold style to the at-rule, the src of the font-family will only be applied to a selector with the font-family property if the font-weight property is also set to bold . Alţi descriptori adaugaţi la font-face deven condiţii pentru font-ul incorporat pentru a fi folosite, de exemplu, dacă ar fi să adăugaţi un font-weight: bold la regulă, src pentru font-family va aplicata doar la un selector cu proprietatea font-family în cazul în care proprietatea font-weight este de asemenea setată cu bold.
S-ar putea utiliza un font-face de regulă astfel:
@font-face { font-family: somerandomfontname; src: url(somefont.eot); font-weight: bold; } p { font-family: somerandomfontname; font-weight: bold; }
Acesta va aplica font-ul somefont.eot la un paragraf (nu va funcţiona dacă pentru selectorul p nu s-a setat font-weight: bold ).
Suportul pentru incorporarea de font-uri este cel mai tare. Mozilla browser nu le suportă şi nu are planuri imediate pentru a face acest lucru. Doar Internet Explorer pare să aibă un fel de sprijin decent şi acest lucru este deloc uşor. Pentru a încorpora fonturi cu IE, trebuie să utilizaţi software-ul Microsoft’s WEFT , care va converti caracterele unui font TrueType intr-un font condensat OpenType (şi atunci acest lucru poate fi utilizat doar pe acele URI-uri pe care le specificaţi). Din acest motiv limitat (şi destul de complicat) de compatibilitate, cel mai bine este să nu se utilizeze fonturile care nu au un nivel adecvat de sistem de font alternativ.
Pagini
page la regulă este pentru pagină media şi este o cale avansata de a aplica stiluri pentru media de tipărită. Se defineşte un bloc de pagini care se extinde pe caseta de model (vezi margini), astfel încât să aveţi posibilitatea de a defini mărimea şi prezentarea pentru o singură pagină.
Există un număr de convenţii care aplică page la reguli, astfel că nu există nici un padding sau border şi acest lucru nu este un ecran de computer unde vorbim despre - pixeli şi ems ca unităţi ce nu sunt permise.
Există un număr de proprietăţi specifice, care pot fi utilizate, cum ar fi mărimea, care poate fi setată la un Portrait, Landscape, auto sau un length. The marks property can also be used to define crop marks. Mărcile de proprietate pot fi de asemenea utilizate pentru a defini marci de recoltare.
@page { size: 15cm 20cm; margin: 3cm; marks: cross; }
Pseudo clase pentru paginarea media
Există trei pseudo clase care sunt folosite în special în legătură cu paginarea la regulă, care ar lua forma @page :pseudo-class { stuff }.
:first se aplică pentru prima pagină a paginării media.
:left and :right se aplică la fetele stânga şi dreapta. Acest lucru ar putea fi folosite pentru a specifica o mai bună margină pe stânga şi o mai mare margină pe dreapta pe paginile din dreapta .
Există un număr de alte faţete specifice pentru paginarea la regulă, cum ar fi page-breaks si paginile cu nume , dar văzând asta la reguli, care funcţionează pe orice browser, te gândeşti că ai pierdut timpul citind toate astea, oricum . Este o idee bună oricum!
