Css - Tricks

Css hat seit der Version 1 seine Möglichkeiten erweitert bis hin zu kleinen Rechenoperationen wie calc mit den Grundrechenoperationen .

Beispiel :  width: calc(100% - 100px); oder width: calc(100%/5); als Css-Attribut

 

1. Eine Möglichkeit, eine Klasse hinzuzufügen geht statt mit jquery auch über DOM 'classname' wie z.B.

document.getElementById("id1").className = "style1";  //neue Klasse auch "styl1 style-alt"  oder auch

document.getElementById("id1").className += " style1";  //erhält style-alt

id=id1  class="cls1";  --->  id1.classname = id1.classname + " class2";

 

2. after, before näheres dazu auf molily.d. Ein dortiges Beispiel :

a[hreflang][target="_blank"]:before {
  content: "[^" attr(hreflang) "]";
  color: #f00;
}

 Einige css-relevante Seiten :

  1. css-tricks.com - Pseudo class selctor and more
  2. mediaevent.de
  3. molily.de
  4. css - grid - layouts
  5. Mozilla developer network
  6. pngquant - reduziert png-Bilder - verlustfrei mit optipng
  7. TinyJPG
  8. Base64-Image
  9. cssportal mit vielen Tools
  10. Generateit.net mit  Template - Generator
-------------