Hello

This is my website

You can find my other website here

The learning goal for this course are in essence to

Here I write about things that I find interesting

Such as learning HTML

Trees with flowers

Nice picture

The most commonly used properties of CSS

There exists an immense amount of different kinds of CSS properties designed for specific situations, all of which would be impossible to cover completely. However, here is an overview of the most important properties, including what they are used for.

color: #RRGGBB (Red, Green, Blue) allows defining the color of an element using a hex value, or, in the case of the most common colors, in plain English. The definition of a hex value is beyond the scope of this course, but you can read more about it here if you wish. There are also several sites and tools for finding the hex value of a color, such as this one.

text-aling: left [ right [ center [ justify defines which direction the text should be indented to.

text-decoration: none | underline | overline | line-through | blink | inherit enables the most common modifications of text, such as underlining.

text-transform: none | capitalize | uppercase | lowercase enables changing the case of the whole element, regardless if some letters are capitalized or not.

line-height can be used to change the distance between lines. However, the property will only have an effect on text. The values should be given as pixels or percentages.

font-style allows styling the font further, by for example making it bold or cursive. Nevertheless, bolded text should always be created using <strong></strong> and cursive ones with <em></em>. This is because the screen readers, that for example blind people use, only use the HTML of the page, and thus wouldn’t be able to make the distinction between normal text and text altered with CSS.

background-color adds color to the background of an element. The possible values are the same as for the color property.

border-style defines the type of border of an element. Possible values are solid or dashed.

border-style defines the type of border of an element. Possible values are solid or dashed.

border-color defines the color of the elements’ border. It takes the same values as the properties background-color and color.

To be continued...