Quelltext der Seite Html/CSS

== CSS ==

=== :nth-child(n) ===

Eigenschaft gilt für das n-te Kind eines Elements. ''n'' kann eine Nummer, ein Schlüsselwort oder eine Formel sein.

Beispiel:

<pre>
tr:nth-child(even) {background-color: #f2f2f2;}
</pre>

=== Border Box ===

Damit die Komponentengröße generell immer mit Rand bemessen wird, in der CSS-Datei folgendes eintragen:

<pre>
* {
    box-sizing: border-box;
}
</pre>

==== Links ====

[https://www.w3schools.com/cssref/css3_pr_box-sizing.asp https://www.w3schools.com/cssref/css3_pr_box-sizing.asp]

=== width: 100% and margin ===

<pre>
width: -moz-calc(100% - 10px);
width: -webkit-calc(100% - 10px);
width: -o-calc(100% - 10px);
width: calc(100% - 10px);
</pre>

=== Links ===

[https://www.w3schools.com/cssref/default.asp https://www.w3schools.com/cssref/default.asp]

[https://www.w3schools.com/css/css_website_layout.asp https://www.w3schools.com/css/css_website_layout.asp]

[https://css-tricks.com/snippets/css/complete-guide-grid/ https://css-tricks.com/snippets/css/complete-guide-grid/]

== Html ==

=== Links ===

[https://www.w3schools.com/html/ https://www.w3schools.com/html/]


Zurück zu [[Hauptseite#Programmieren|Hauptseite]]