CSS3 learning selector and font

Zookeeper

Attribute selector:
[Att * = val] {} This style is used if the att element property value contains the specified val character
[Att ^ = val] {} This style is used if the attribute value of the att element starts with val.
[Att & = val] {} if the attribute value of the att element ends with val, this style is used.

Example:

 

 

 

Example text 2 example text 1-1 example text 1-2 example text 2-2

 

 

Target selector:

When href jumps to the page, the target attributes are redefined.

 

Font: the special fonts used in previous versions of web pages can be displayed normally only when the client has this font,

Css3 supports retrieving fonts from the server. That is to say, you can put the font file in the font folder and use the font directly through the url.

This new change has brought great convenience. Example:

 

@ Font-face {font-family: WebFont; src: url ('font/FZJZFW. ttf') format ("truetype"); font-weight: normal ;}

Article {font-family: WebFont ;}

Article content

Body of the webpage-level content Block

Section-level content body

Section-level content Block Body