-
The table now have some borderlines and the elements of the table are now well distributed (separation).
-
This statement adds margins (separations between the web-page window border and the text).
-
Selector:
.table th
-
This selector refers to the th elements (table headers) within an element whose class attribute contains the value "table".
-
The following property:
font-weight:bold;
-
The background color of some rows changed: they are now gray. They are interspersed: one greyed, one not greyed.
-
Selector:
.table-striped tbody tr:nth-type(odd)
The shaded rows (the odd ones) have the aforementioned selector and the background-color property, the others not.
-
The table header now has an orange background.
-
Property:
text-transform: uppercase;
-
Properties specified by Bootstrap:
- font-size
- margin-bottom
- font-weight
- line-weight
- margin-top
- box-sizing
Properties specified by Chrome (the user agent):
- display
- margin-block-start
- margin-block-end
- margin-inline-start
- margin-inline-end
-
Property name 1: font-size
Property name 2: font-weight
-
The image is now right-aligned and it is sorrounded by text.
-
Rule:
.float-right{
margin-left: 20px;
}
- Properties:
- border
- border-radius
- padding
-
It is inherited from body.
-
The text is now smaller and italized.
-
The text is bigger.
-
The character is the "em dash", which is a long dash encoded as U+2014.