Property selectors and styles

1.
E F contains the selector and selects all F elements that are contained by the E element.
2.
E>f the child selector, select all the child elements F as the E element.
3.
E+f adjacent selectors, select the F element that clings to the E element.
4.
E~f Sibling Selector, select e element all sibling element F.
5.
E[att] Select the e element that has the ATT attribute.
6.
E[att= "Val"] Select the e element that has the ATT attribute and the attribute value equals Val.
7.
E[att^= "Val"] Select the e element with the ATT attribute and the property value as a string starting with Val.
8.
E[att$= "Val"] Select the e element that has the ATT attribute and the property value is the string ending in Val.
9.
E::p Laceholder Sets the style of the object text placeholder.
10.
E::selection sets the color of the object when it is selected.

11.font style The first form of a notation

P {                font-family: "Microsoft Jas Black";                 font-size: 80px;                 font-weight: bold;                 font-style: italic;            }

12.font the second type of notation

P {                font:italic Bold 19px/20px "Microsoft Jas Black";            }

13.color

P {                color:red;            }

14.text-decoration

P {                text-decoration: overline;            }  { text-decoration:underline;}  { text-decoration:line-through;}

15.text-shadow

P {                text-shadow:3px 3px 5px yellow;            }

16.width height padding margin

Property selectors and styles