CSS tutorial part6 [size, classification, pseudo class, pseudo element, media type] (Excerpted from W3C School)

ArticleDirectory

• CSS pseudo-class (pseudo-classes)
• CSS pseudo elements (pseudo-elements)
• Css2 media type

CSS size attributes

The CSS size attribute allows you to control the height and width of an element. You can also increase the line spacing.

 

CSS Classification attributes (classification)

The CSS classification attribute allows you to control how to display elements, set where the image is displayed in another element, locate the element relative to its normal position, and use the absolute value to locate the element and the element visibility.

Cursor attributes

This attribute defines the cursor shape used when the mouse pointer is placed within the boundary of an element.

 

Visibility attributes

This attribute specifies whether to display the element box generated by an element. This means that the element still occupies its original space, but it can be completely invisible. The value collapse is used to delete columns or rows from the table layout.

 

CSS pseudo-class (pseudo-classes)

The CSS pseudo class is used to add special effects to certain selectors.

 

CSS pseudo elements (pseudo-elements)

CSS pseudo elements are used to add special effects to certain selectors.

 

Css2 media type

Some CSS attributes are only designed for certain media. For example, the "voice-Family" attribute is designed for auditory user terminals. Other attributes can be used in different media. For example, the "font-size" attribute can be used for display and print media, but may have different values. The document displayed on the display usually requires a larger font size than the paper media document. At the same time, on the display, the Sans-serif font is easier to read, while on the paper media, the serif font is easier to read.

 

@ Media rules

@ Media rules enable you to use different style rules for different media in the same style sheet.

The style in the following example tells the browser to display a 14-pixel verdana font on the display. However, if the page needs to be printed, the 10-pixel Times font will be used. Note: font-weight is set to bold, whether display or paper media:

 

Different media types