RobiSys css files

web.robisys.de

*** help *** pages *** list ***

Alternative style sheets

Alternative Styles

css files

myhelpages mytepages mypagelist

   LINK href="/css/basic.css"                           rel="stylesheet"           type="text/css"
   LINK href="/css/mystandard.css" title="My Standard"  rel="alternate stylesheet" type="text/css"
   LINK href="/css/special.css"    title="Your Special" rel="alternate stylesheet" type="text/css"
   LINK href="/css/mynote.css"     title="mynote"       rel="alternate stylesheet" type="text/css"

Beispiel für alternative Stylesheets

Sie verwenden den Stil .

Manche Browser bieten die Möglichkeit, alternative Stylesheets zu verwenden.

Im Firefox etwa können Sie über den Menüpunkt (Menüleiste muss aktiviert sein) Ansicht/Webseitenstil die verschiedenen Stylesheets auswählen.

hier ein Textbeispiel ------

mystandard.css

@media (max-width: 450px) {
  h1 {
    font-size: 20px;
  }
}

.demo { 
  display: inline-block; 
  border: 1px solid #bbb; 
  background: #ddd; 
  padding: 1em;
}

.demo span::after { 
  content: "mystandard"; 
}

Ausschnitt aus spezial.css

.demo { 
  display: inline-block; 
  border: 1px solid #bbb; 
  background: #ddd; 
  padding: 1em;
}

.demo span::after { 
  content: "'special'"; 
}

Ausschnitt aus mynote.css

....
@media screen {
....
.demo span::after { 
  content: "'mynote'";
....
@media print{
....
.demo { 
  display: inline-block; 
  border: 1px solid #bbb; 
  background: #ddd; 
  padding: 1em;
}

.demo span::after { 
  content: "'mynote print'"; 
}
....

validate