diff --git a/README.md b/README.md
index 79da720..ddebc56 100644
--- a/README.md
+++ b/README.md
@@ -10,6 +10,7 @@ Individual style guides are available in other files for:
 - [C/C++](Style-Cpp.md)
 - [Python](Style-Python.md)
 - [PHP](Style-PHP.md)
+- [HTML and CSS](Style-HTML_CSS.md)
 
 Also see my project dotfiles and templates in: https://git.beyerstedt.de/jannik/templates-project_setup
 
diff --git a/Style-HTML_CSS.md b/Style-HTML_CSS.md
new file mode 100644
index 0000000..ade1388
--- /dev/null
+++ b/Style-HTML_CSS.md
@@ -0,0 +1,33 @@
+# Coding Style for HTML and CSS
+
+TODO
+
+
+## Order of CSS/SASS Properties in a CSS-Selector
+
+```
+visibility
+opacity
+box-sizing
+float
+position (including positioning properties like: top, left, ...)
+height (including max-height, min-height)
+width (including max-width, min-width)
+padding
+margin
+overflow
+
+z-index
+
+font-family
+font-size
+line-height
+font-weight
+font-style
+text-transform
+text-decoration
+
+background
+color
+border
+```
\ No newline at end of file